/* Color Pallette



Orange:   #FF6501

Font-Org: #E35C04

Blue:     #1E62B3



*/



body {

  font-family: verdana, sans-serif;

  font-size: 12px;

  text-align: center;

  background: #F9F9F9;

  color: #555;

}



a { color: #E35C04; text-decoration: none; }

a:hover { text-decoration: underline; }



a.readmore {

  padding: 0 17px 0 0;

  background: transparent url(/uie/images/readmore.gif) right 50% no-repeat;

}



a.external {

  padding: 0 17px 0 0;

  background: transparent url(/uie/images/newin.gif) right 50% no-repeat;

}



a.popup {

  padding: 1px 20px 1px 0;

  background: transparent url(/uie/images/pup.gif) right 50% no-repeat;

}



a.btn {

  display: block;

  width: 180px;

  height: 32px;

  font-size: 12px;

  font-weight: bold;

  color: #555;

  text-align: center;

  background-image: url(/uie/images/bg_btn.gif);

  background-repeat: no-repeat;

  background-position: 0 0;

}



a.btn span {

  display: block;

  padding: 9px 0 0 0;

}



a:hover.btn {

  background-position: 0 -32px;

}



.oline {

  display: block;

  height: 1px;

  background: #FF6501;

  font-size: 1px;

  line-height: 0em;

}



.olinebx {

  display: block;

  height: 3px;

  border: 1px solid #FF6501;

  font-size: 1px;

  line-height: 0em;

  background: transparent url(/uie/images/bg_pnavon2.gif) 0 0 repeat-x;

}





/* =====================================================================

    Game Elements

=====================================================================  */

.gamebtn1 {

  display: block;

  width: 100px;

  height: 3px;

  background: transparent;

}



.gbox {

  position: absolute;

  top: 23px;

  left: 22px;

  width: 778px;

  height: 640px;

  background: #EDEDED; /*  url(/uie/images/game1/bg_screen1.jpg) 0 0 no-repeat; */

  border: 1px solid #555;

}



#top > .gbox {

  width: 778px;

}











/* =====================================================================

    No Script Message

===================================================================== */



noscript {

  display: block;

  height: 54px;

  text-align: center;

  background: #248AF0 url(http://ken.matchbox44.com/images/bg_nos.gif) 0 0 repeat-x;

}



noscript p {

  padding: 12px 0 0 0;

  color: #FFF;

}







/* =====================================================================

    Accessibility

===================================================================== */





#accessnav1 {

  display: block;

  margin: 0;

  padding: 0;

  position: absolute;

  top: -9000px;

  left: -9000px;

  z-index: 10000;

  height: 44px;

  background: transparent;

  list-style: none;

}



#accessnav1 li {

  float: left;

  margin: 0;

  padding: 0;

  width: 240px;

  height: 44px;

  list-style: none;

}



#accessnav1 li a {

  display: block;

  padding: 16px 0;

  width: 150px;

  font-size: 12px;

  /* border-left: 4px solid #bae3dd;

  border-top: none;

  border-right: 4px solid #bae3dd;

  border-bottom: 4px solid #bae3dd; */

  background: transparent url(/uie/images/bg_ancill.gif) 0 0 no-repeat;

  text-decoration: none;

  text-align: center;

  color: #555;

  font-weight: bold;

}



#accessnav1 li a:hover {

  text-decoration: underline;

}



#accessnav1 li a:focus, #accessnav1 li a:active {

  position: absolute;

  top: 9000px;

  left: 9020px;

  z-index: 10000;

  outline: none;

}







/* =====================================================================

    Top Section - Ancillary Navigation

===================================================================== */



#top {

  position: relative;

  margin: 0 auto;

  width: 825px;

  height: 62px;

  text-align: left;

  background: transparent url(/uie/images/bg_top2.gif) 1px 0 no-repeat;

}



#tcontent {

  margin: 0 0 0 22px;

  padding: 18px 0 0 0;

  width: 780px;



}



#ancillary {

  float: right;

  margin: 0 30px 0 0;

  width: 200px;

}



#top #ancillary li {

  float: right;

  height: 32px;

}



#top #ancillary li a {

  display: block;

  float: left;

  padding: 8px;

  color: #FFF;

  font-size: 11px;

  background: transparent url(/uie/images/tdot.gif) 0 0 repeat;

}



/* =====================================================================

    Masthead - Logo

===================================================================== */



#masthead {

  height: 123px;

  background: #216DC5 url(/uie/images/bg_masthead.jpg) 0 0 repeat-x;

}



#masthead #mcontent {

  margin: 0 auto;

  width: 775px;

  text-align: left;

  color: #FFF;

}



#masthead #mcontent h1 a {

  display: block;

  float: left;

  margin: 12px 0 0 5px;

  width: 770px;

  padding: 98px 0 0 0;

  overflow: hidden;

  height: 0px !important;

  height /**/:90px;

  text-decoration: none;

  background: transparent url(/uie/images/logo2.gif) 0 0 no-repeat;

}





/* =====================================================================

    Page - Primary Navigation and Content

===================================================================== */



#page {

  margin: 0 auto;

  width: 825px;

  text-align: left;

  background: transparent url(/uie/images/bg_site.gif) 50% 0 repeat-y;

}





/* Internal Buffer

--------------------------------------------------------------- */

#page #content {

  margin: 0 0 0 25px;

  padding: 10px 0 0 0;

  width: 775px;

}









/* Primary Navigation

--------------------------------------------------------------- */

#page #navbar {

  height: 40px;

  background: #1E62B3 url(/uie/images/bg_pnav.gif) 0 0 repeat-x;

}



#page #navbar #nav {

  float: left;

  height: 40px;

  width: 500px;

}



#page #navbar #nav li {

  float: left;

  height: 40px;

}



#page #navbar #nav li a {

  display: block;

  float: left;

  padding: 12px;

  color: #FFF;

  font-size: 12px;

  background: transparent url(/uie/images/tdot.gif) 0 0 repeat;

}



#page #navbar #nav li a:hover {

  color: #555;

  background: transparent url(/uie/images/bg_pnavon2.gif) 0 0 repeat-x;

}



#page #navbar #nav li a.here {

  color: #555;

  background: #FFF;

}





/* Text Resizing

-------------------------------------------------------------- */





#page #navbar #rz {

  float: right;

  margin: 0 10px 0 0;

  height: 40px;

  width: 160px;

  list-style: none;

  background: #1E62B3 url(/uie/images/bg_pnav.gif) 0 0 repeat-x;

}



#page #navbar #rz li {

  float: right;

  height: 24px;

  width: 24px;

  margin: 7px 0 0 5px;

  list-style: none;

}



#page #navbar #rz li a.trl {

  display: block;

  padding: 4px 2px 4px 2px;

  font-size: 12px;

  color: #FFF;

  text-decoration: none;

  border: 1px solid #FFF;

}



#page #navbar #rz li a:hover.trl {

  text-decoration: none;

  border: 1px dotted #FFF;

}



#page #navbar #rz li a.tradj { padding: 4px 1px 4px 3px; }



#page #navbar #rz li.txt {

  width: 34px;

}



#page #navbar #rz li.txt span {

  display: block;

  float: left;

  padding: 6px 7px 0 0;

  color: #FFF;

  font-size: 12px;

}





/* Resize Classes on #main

---------------------------------------------------------- */



#page #content .sm { font-size: 12px; }

#page #content .md { font-size: 16px; }

#page #content .lg { font-size: 20px; }









/* Main Content Area

--------------------------------------------------------------- */

#page #content #main {

  margin: 1px 0 0 0;

  padding: 10px;

  /* border: 1px solid #FF6501; */

}



#page #content #main h2, #page #content #main h3 {

  font-family: georgia, serif;

}



#page #content #main h2 {

  margin: 0 0 12px 0;

  font-size: 180%;

  color: #E35C04;

}



#page #content #main h3 {

  margin: 0 0 4px 0;

  font-size: 150%;

}



#page #content #main h4 {

  font-size: 120%;

}



#page #content #main h5 {

  font-size: 110%;

}



#page #content #main p {

  margin: 0 0 12px 0;

}



/* Local Navigation

-------------------------------------------------------------------- */

#page #content #main #sidebar {

  float: right;

  margin: 0 0 12px 12px;

  width: 212px;

  height: 1%;

  background: #EDEDED url(/uie/images/bg_sidebar_t.gif) 0 0 no-repeat;

}



#page #content #main #sidebar #sbbot {

  display: block;

  width: 212px;

  height: 11px;

  font-size: 1px;

  line-height: 0em;

  background: #EDEDED url(/uie/images/bg_sidebar_b.gif) 0 0 no-repeat;

}



#page #content #main #sidebar ul {

  margin: 12px 0 5px 5px;

  font-size: 12px;

}



#page #content #main #sidebar ul li {

  margin: 0 0 7px 0;

}



#page #content #main #sidebar ul li a {

  display: block;

  padding: 5px 4px 5px 28px;

  width: 170px;

  color: #555;

  background-color: #EDEDED;

  background-image: url(/uie/images/bg_lnav.gif);

  background-position: 0 0;

  background-repeat: no-repeat;

}



#page #content #main #sidebar ul li a.here, #page #content #main #sidebar ul li a:hover.here {

  color: #E35C04;

  background-position: 0 -48px;

}



#page #content #main #sidebar ul li a:hover {

  text-decoration: none;

  background-position: 0 -24px;

}





/* Unordered Lists in the Main content

---------------------------------------------------------------- */

#page #content #main ul.ul {

  margin: 10px;

}



#page #content #main ul.ul li {

  margin: 0 0 7px 0;

  padding: 0 0 0 20px;

  background: transparent url(/uie/images/block.gif) 0 0 no-repeat;

}

ul.ul li span.alert {
  font-weight: bold;
  color: #990000;
  background: #F2B145;
}





/* Ordered Lists in the Main content

---------------------------------------------------------------- */

#page #content #main ol.ol {

  margin: 10px 10px 12px 32px;

  list-style: decimal;

}



#page #content #main ol.ol li {

  margin: 0 0 7px 0;

  padding: 0 0 0 2px;

  list-style: decimal;

}







#page #content #main #orb {

  float: right;

  margin: 22px 10px 0 0;

}





/* Toolbox List

---------------------------------------------------------------- */

#toollist dt {



}



#toollist dt a {

  display: block;

  padding: 24px 0 24px 64px;

  font-weight: bold;

}



#toollist dt a.supp {

  display: block;

  padding: 0px 0 24px 64px;

  font-weight: bold;

}



#toollist dt a.jql {

  background: transparent url(/uie/images/icon_header.gif) 0 0 no-repeat;

}



#toollist dt a#ipsum {

  background: transparent url(/uie/images/icon_ipsum.gif) 0 0 no-repeat;

}



#toollist dt a#ipsum2 {

  background: transparent url(/uie/images/icon_ipsum2.gif) 0 0 no-repeat;

}



#toollist dt a#templates, #toollist dt a#browser {

  background: transparent url(/uie/images/icon_template.gif) 0 0 no-repeat;

}



#toollist dt a#ents1, #toollist dt a#ents2 {

  background: transparent url(/uie/images/icon_ents.gif) 0 0 no-repeat;

}



#toollist dt a#links1 {

  background: transparent url(/uie/images/icon_weblink.gif) 0 0 no-repeat;

}



#toollist dt a#csc {

  background: transparent url(/uie/images/icon_csc.gif) 0 0 no-repeat;

}



#toollist dt a#blnd {

  background: transparent url(/uie/images/icon_blnd.gif) 0 0 no-repeat;

}



#toollist dt a#encode {

  background: transparent url(/uie/images/icon_www.gif) 0 0 no-repeat;

}

#toollist dt a#chklist {

  background: transparent url(/uie/images/icon_checklist.gif) 0 0 no-repeat;

}



#toollist dd {



}



#toollist dd p {



}







/* Notes

---------------------------------------------------------------------- */



.note {

  color: #555;

  background: transparent url(/uie/images/ulcorner.jpg) 0 0 no-repeat;

}



.note blockquote {

  padding: 12px 16px;

  background: transparent url(/uie/images/lrcorner.jpg) right bottom no-repeat;

}



.note blockquote h3 {

  padding: 0 0 4px 34px;

  background: transparent url(/uie/images/bg_note.gif) 0 0 no-repeat;

}



.note blockquote p {

  margin: 0 0 10px 0;

}



.note blockquote p.meta {

  padding: 0 0 0 34px;

  font-size: 10px;

}



p.imgcontainer {

  padding: 0 0 12px 0;

  text-align: center;

}



p.imgcontainer img {

  padding: 2px;

  border: 1px solid #E6E6E6;

}



.codeblockblock {

  margin: 0 22px 12px 22px;

  padding: 7px;

  background: #EDEDED;

}



.codeblock {

  padding: 4px;

  height: 244px;

  width: 665px;

  overflow: auto;

  color: #1E5E90;

  background: #F1F1F1;

  border: 1px solid #555;

}





.hr {

  clear: both;

  margin: 22px 0;

  height: 8px;

  font-size: 1px;

  line-height: 0em;

  background: transparent url(/uie/images/bg_hr1.gif) 50% 0 no-repeat;

}









/* Sandbox Shadowed Boxes

============================================================================== */



.shadowBox1 {

  margin: 0 0 42px 0;

  padding: 0;

  border-top: 1px solid #CDD1E2;

  border-left: 1px solid #CDD1E2;

  background: transparent url(/uie/images/sdwdatabox1_bg.gif) right 0 repeat-y;

}



.halfLeft {

  float: left;

  width: 49%;

  height: 1%;

}



.halfRight {

  float: right;

  width: 49%;

  height: 1%;

}



.shadowBox1 .sdwBoxContent {

  padding: 7px 12px;

  background: transparent url(/uie/images/bg_sandbox.gif) 0 0 no-repeat;

}



.shadowBox1 .sdwBoxPort {

  padding: 7px 12px;

  background: transparent;

}



.shadowBox1 .sdwBoxContent h3 {

  margin: 0 0 12px 0;

  padding: 22px 0 0 0;

}



.shadowBox1 .sdwBoxContent h4 {



}



.shadowBox1 .sdwBoxContent .sboximg, .shadowBox1 .sdwBoxPort .sboximg {

  float: right;

  margin: 0 0 10px 10px;

  padding: 2px;

  border: 1px solid #E6E6E6;

}



.sdw1ct {

  display: block;

  position: relative;

  top: -1px;

  right: 0;

  margin: 0;

  width: 100%;

  height: 6px;

  font-size: 0;

  line-height: 0;

  background: transparent url() no-repeat top right;

}



.sdw1ct .sdw1cl {

  display: block;

  position: relative;

  left: -1px;

  margin: 0;

  width: 6px;

  height: 6px;

  font-size: 0;

  line-height: 0; 

  background: transparent url() no-repeat top left;

}



.sdw1bl {

 display: block;

 position: relative;

 left: -1px;

 margin: 0;

 width: 100%;

 height: 6px;

 font-size: 0;

 line-height: 0; 

 background: transparent url() no-repeat bottom left;

}



.sdw1br {

  clear: both;

  display: block;

  position: relative;

  bottom: 0;

  right: -1px;

  margin: 0;

  width: 100%;

  height: 6px;

  font-size: 0;

  line-height: 0; 

  background: transparent url() no-repeat bottom right;

}





/* shadowed box */

.shadowBox1 .sdw1ct { background-image: url(/uie/images/sdwdatabox1_up_rt.gif); }

.shadowBox1 .sdw1ct .sdw1cl { background-image: url(/uie/images/sdwdatabox1_up_lt.gif); }

.shadowBox1 .sdw1bl { background-image: url(/uie/images/sdwdatabox1_dn_lt.gif); }

.shadowBox1 .sdw1bl .sdw1br { background-image: url(/uie/images/sdwdatabox1_dn_rt.gif); }







/* Resume Download Icons 

--------------------------------------------------------------------- */

ul.downloads {

  margin: 0 0 0 24px;

}



ul.downloads li {

  float: left;

  margin: 0 0 12px 24px;

}







/* Ad for Mbox44

-------------------------------------------------------------------- */

a.mbox_add {

  display: block;

  margin: 0 auto;

  padding: 125px 0 0 0;

  width: 200px;

  overflow: hidden;

  height: 0px !important;

  height /**/:125px;

  text-decoration: none;

}



a#mbox_add1 {

  background: transparent url(/uie/images/advertisement_mo.gif) 0 0 no-repeat;

}



a#mbox_add1:hover {

  background: transparent url(/uie/images/advertisement_mo.gif) 0 -125px no-repeat;

}







/* Contact Form

----------------------------------------------------------------------- */





#conForm fieldset {

  margin: 0 auto;

  padding: 12px;

  width: 580px;

  font-size: 12px;

  border: 1px solid #E48660;  

  background: #EDEDED;

}



#conForm fieldset h4 {

  margin: 0 0 4px 0;

  padding: 4px 0 5px 40px;

  font-size: 14px;

  font-weight: bold;

  color: #E15921;

  background: transparent url(/uie/images/icon_contribute.gif) 7px 0 no-repeat;

}



#conForm fieldset p {

  margin: 0;

  padding: 0 0 0 40px;

}





#conForm .contact .contribute {

  margin: 12px 0 7px 0;

  /* padding: 7px 7px 7px 62px; */

  padding: 0 7px 0 62px;

  height: 28px;

  background: transparent; /*  url(../images/icon_contribute.gif) 7px 2px no-repeat; */

  color: #DD4B18;

}



#conForm .contact .contribute2 {

  margin: 0 0 7px 0;

  /* padding: 7px 7px 7px 62px; */

  padding: 0 7px 0 62px;

  height: 28px;

  background: transparent;

  color: #DD4B18;

}



#conForm .contact .contribute3 {

  margin: 0 0 7px 0;

  /* padding: 7px 7px 7px 40px; */

  padding: 0 7px 0 40px;

  height: 180px;

  background: transparent;

  color: #DD4B18;

}



#conForm .contact .contribute label, #conForm .contact .contribute2 label {

  float: left;

  display: block;

  padding: 4px 4px 0 0;

  font-weight: bold;

  color: #DD4B18;

}



#conForm .contact .contribute3 label {

  float: left;

  display: block;

  padding: 4px 4px 4px 0;

  font-weight: bold;

  color: #DD4B18;

}



#conForm .contact .contribute input#realname, #conForm .contact .contribute2 input#email {

  float: left;

  padding: 2px 0 0 1px;

  width: 288px;

  height: 17px;

  color: #1F64A9 ;

  border-width: 1px;

  border-style: solid;

  border-color: #A0A0A0;

}



#conForm .contact .contribute3 textarea {

  float: left;

  margin: 4px 0 0 0;

  padding: 2px 0 0 1px;

  color: #1F64A9 ;

  border-width: 1px;

  border-style: solid;

  border-color: #A0A0A0;

}



#conForm .contact .contribute3 #btnsendcont {

  float: right;

  margin: 90px 4px 0 0;

}



#conForm .contact p.buffer {

  clear: both;

  height: 1px;

  font-size: 1px;

  line-height: 0em;

}





/* error handling */



#validationMsg {

  margin: 0 0 10px 0;

  padding: 7px 7px 7px 40px;

  background: #EBE9A8 url(/uie/images/bg_err_msg2.gif) 0 0 no-repeat;

  border: 1px solid #555;

  color: #555;

  font-weight: bold;

}



.errmsg {

  display: block;

  float: left;

  margin: 0;

  padding: 3px 4px 5px 7px;

  font-weight: bold;

  color: #C80303; /* 1F64A9 ; */

}



.errmsg2 {

  display: block;

  float: left;

  margin: 0 0 0 32px;

  padding: 7px 4px 4px 4px;

  font-weight: bold;

  color: #C80303; /* 1F64A9 ; */

}



#conForm > .errmsg2 {

  margin: 0 0 0 72px;

}















/* =====================================================================

    Page Foot and Footer

===================================================================== */



#foot {

  margin: 0 auto;

  width: 825px;

  height: 54px;

  background: transparent url(/uie/images/bg_foot2.gif) 0 0 no-repeat;

}



#foot p#xlinks {

  text-align: center;

  font-size: 9px;

  color: #1E62B3;

}



#foot p#xlinks a {

  color: #1E62B3;

}





/* this is the deprecated buttons --------------------------------------

#foot ul {

  margin: 0 0 0 26px;

  padding: 8px 0 0 0;

}





#foot ul li {

  float: left;

  margin: 0 5px 0 0;

  width: 80px;

  height: 20px;

}



#foot ul > li {

  margin: 0 10px 0 0;

}



#foot ul li a {

  display: block;

  width: 80px;

  height: 20px;

  font-size: 10px;

  font-weight: bold;

  color: #FF6501;

  text-align: center;

  background-image: url(/uie/images/bg_val_btn.gif);

  background-repeat: no-repeat;

  background-position: 0 0;

}



#foot ul li a span {

  display: block;

  padding: 4px 0 0 0;

}



#foot p a:hover {

  background-position: 0 -20px;

}

---------------------------------------------------------------- */



#footer {

  margin: 0 auto;

  padding: 0 0 12px 0;

  width: 825px;

  text-align: center;

  font-size: 11px;

  color: #1E62B3;

}



#footer p#copyright {

  line-height: 1.4em;

}