/* Makeshift CSS Reset */  
{ margin: 0; padding: 0; }

/* Tell the browser to render HTML 5 elements as block */  
header, footer, aside, nav, article { display: block; }
body { margin: 0 auto; width: 1040px; font: 14px/22px 'Tahoma', 'Geneva', sans-serif; letter-spacing: 0.0em; }
h1 { font-size: 28px; padding: 0; }
h2 { font-size: 28px; line-height: 44px; padding: 0; }
h3 { font-size: 18px; line-height: 22px; padding: 0; }
p { padding-bottom: 22px; }
a { color: #000; text-decoration: none; }

/* ======================= content ======================= */

#wrapper { display: table; width: 1040px; }
#content { display: table-cell; width: 678px; padding-right: 22px; vertical-align: top; }

article header p, article header p a { font-size: 14px; font-style: italic; color: #777;}
article header p a:hover { text-decoration: none; color: #000; }
section a { text-decoration: underline; }
section a:hover { text-decoration: none; }

.centered { text-align: center; }
.righted { text-align: right; }
.shrinked { width: 1%; }
.shrinked-centered { width: 1%; white-space: nowrap; text-align: center; }
.vsmall { font-size: 12px; }

/* ======================= sidebar ======================= */

aside { display: table-cell; width: 340px; margin: 10px; padding: 10px; }
aside strong { padding-right: 24px; }

aside ul { margin: 0 auto; list-style: none; padding: 0; }
aside ul li { float: left; width: 160px; text-align: center; margin-right: 7px;
  cursor: pointer; *cursor: hand; 
  border: 1px solid #999;
  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
  -webkit-box-shadow: 1px 1px 0px #efefef; -moz-box-shadow: 1px 1px 0px #efefef; box-shadow: 1px 1px 0px #efefef;
}
aside ul li a { display: block; margin-right: 10px; font-size: 14px; text-align: center; text-decoration: underline; color: #000; font-weight: bold; }
aside ul li a:hover { text-decoration: none; }
aside ul li.selected a { text-decoration: underline; }

/* ======================= footer ======================= */

footer { position: absolute; left: 0; width: 100%; background: #222; }
footer div { display: table; margin: 0 auto; padding: 44px 0; width: 1040px; color: #777; }
footer div section { display: table-cell; width: 300px; }
footer div #about, footer div #links { padding-right: 20px; }
footer h3 { color: #FFF; }
footer a { color: #999; text-decoration: underline; }
footer a:hover { color: #FFF; text-decoration: none; }
footer ul { margin: 0 0 0 10px; list-style: square; color: #565656; }
footer ul li a { display: block; text-decoration: underline; }
footer ul li.subscribe a { width: 60px; margin-left: 0px; padding-left: 30px; text-align: left; background: url('../images/rss.png') left center no-repeat; }  

/* ======================= job form ======================= */

.wide-drop-down { width: 620px; }
.wide-textarea { width: 990px; height: 100px; }
.wider-textarea { width: 660px; height: 140px; }
.wide-textbox { width: 990px; }
.wide-button { width: 600px;
   border: 1px solid #999;
  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
  -webkit-box-shadow: 1px 1px 0px #efefef; -moz-box-shadow: 1px 1px 0px #efefef; box-shadow: 1px 1px 0px #efefef;
  background: -webkit-gradient(linear, left top, left bottombottom, from(#bcbcbe), to(#bcbcbe));
  background: -moz-linear-gradient(top,  #bcbcbe,  #bcbcbe);
}
.subnote { font-size: 12px; font-style: italic; }

/* ======================= form elements ======================= */

input { padding: 5px; text-shadow: 0px 1px 0px #fff; outline: none; font-size: 14px;
  font-family: 'Tahoma', 'Geneva', sans-serif;
   border: 1px solid #999;
  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
  -webkit-box-shadow: 1px 1px 0px #efefef; -moz-box-shadow: 1px 1px 0px #efefef; box-shadow: 1px 1px 0px #efefef;
  background: -webkit-gradient(linear, left top, left bottombottom, from(#bcbcbe), to(#ffffff));
  background: -moz-linear-gradient(top,  #bcbcbe,  #ffffff);
}
input:focus { color:#000; outline:none; border:#000 1px solid;
  -webkit-box-shadow: 0px 0px 5px #2b2b2b; -moz-box-shadow: 0px 0px 5px #2b2b2b; box-shadow: 0px 0px 5px #2b2b2b;
}

textarea { padding: 5px; height: 75px; width: 350px; font-size: 14px; 
  font-family: 'Tahoma', 'Geneva', sans-serif;
  border: 1px solid #999;
  -webkit-box-shadow: 1px 1px 0px #efefef; -moz-box-shadow: 1px 1px 0px #efefef; box-shadow: 1px 1px 0px #efefef;
  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
  background: -webkit-gradient(linear, left top, left bottombottom, from(#bcbcbe), to(#ffffff));
  background: -moz-linear-gradient(top, #bcbcbe, #ffffff);
}
textarea:focus { color:#000; outline:none; border:#000 1px solid;
  -webkit-box-shadow: 0px 0px 5px #2b2b2b; -moz-box-shadow: 0px 0px 5px #2b2b2b; box-shadow: 0px 0px 5px #2b2b2b;
}

select { padding: 5px; font-size: 14px; 
  font-family: 'Tahoma', 'Geneva', sans-serif;
  border: 1px solid #999;
  -webkit-box-shadow: 1px 1px 0px #efefef; -moz-box-shadow: 1px 1px 0px #efefef; box-shadow: 1px 1px 0px #efefef;
  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
  background: -webkit-gradient(linear, left top, left bottombottom, from(#bcbcbe), to(#ffffff));
  background: -moz-linear-gradient(top, #bcbcbe, #ffffff);
}
select:focus { color:#000; outline:none; border:#000 1px solid;
  -webkit-box-shadow: 0px 0px 5px #2b2b2b; -moz-box-shadow: 0px 0px 5px #2b2b2b; box-shadow: 0px 0px 5px #2b2b2b;
}

/* ======================= quick search box ======================= */

.search-box { float: left;width: 330px; }
.search-go { float: left; margin-left: 10px; width: 330px; height: 32px; }
.search-in { float: left; width: 290px; padding-left: 10px; }

/* ======================= table ======================= */

table#offers { border: 0px; padding: 0px; border-spacing: 1px; width: 100%; }
table#offers th, table#offers td { padding: 6px; white-space: nowrap;
  -webkit-box-shadow: 1px 1px 0px #efefef; -moz-box-shadow: 1px 1px 0px #efefef; box-shadow: 1px 1px 0px #efefef;
  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
table#offers td.paging {
  text-align: right;
  -webkit-box-shadow: 0px 0px 0px #efefef; -moz-box-shadow: 0px 0px 0px #efefef; box-shadow: 0px 0px 0px #efefef;
  -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
}
table#offers th { background-color: #2b2b2b; font-size: 14px; color: #fff; text-align: left; }
table#offers .odd { background-color: #999; }

/* ======================= tabs ======================= */

.ui-widget-header {  }
#tabs { border: none; background: none;  }
.ui-tabs { position: relative; padding: .2em; zoom: 1; font-family: 'Tahoma', 'Geneva', sans-serif; letter-spacing: 0.05em; }
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; background: #fff; }

.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; padding: 0; white-space: nowrap; text-align: center; background: none; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; background: url('../images/bg-pattern.png'); }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }

.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

#ui-tabs-1 { padding: 0px; }