/* Biladi - GENERAL */

* { margin: 0; padding: 0; }

body {
  font: normal 10px Arial, Verdana, Helvetica, sans-serif;
  color: #1a3944; background: white url(../images/bg_body.png) repeat-x bottom left;
}
img { font-size: 10px; border: none; vertical-align: top; }

/* Biladi - Titles */
h1 { font: bold 2em Arial, Verdana, Helvetica, sans-serif; }
h2 { font: bold 1.3em Arial, Verdana, Helvetica, sans-serif; }
h3 { font: bold 1em Arial, Verdana, Helvetica, sans-serif; }
.title { font-weight: bold; } 

strong.seo { font-weight: normal; }
strong strong.seo { font-weight: bold; }
em.seo { font-style: normal; }
em em.seo { font-style: italic; }

/* PBiladi - List-Links */
ul, ol { list-style-type: none; }
a { font-size: 11px; text-decoration: none; }
a:hover { text-decoration: underline; cursor: pointer; }

/* Biladi - Forms */
input, select, option { font-size: 11px; }
.button input { font-size: 10px; }
textarea { font-size: 11px; }

/* Biladi - Classes */
.clear {
  clear: both; height: 0;
  font-size: 1px; line-height: 1px;
  *position: absolute;
}
.indentText { text-indent: -9000px; position: absolute; overflow: hidden; }
.noPadding { padding: 0 !important; }
.more { text-decoration: underline; color: #003366; }
.more:hover { color: #7E979C; }

/* corners */
.topLeft, .topRight, .bottomLeft, .bottomRight { 
  position: absolute; width: 2em; height: 2em; z-index: 0; font-size: 10px; 
  background-color: transparent; background-repeat: no-repeat; 
}
.topLeft { left: -1px; top: -1px; background-position: left top; }
.topRight { right: -1px; top: -1px; background-position: right top; }
.bottomLeft{ left: -1px; bottom: -1px; background-position: left bottom; }
.bottomRight { right: -1px; bottom: -1px; background-position: right bottom; }
/* Hack IE6 */ .hackIe6 .bottomLeft, .hackIe6 .bottomRight { _bottom: -2px !important; }
/* Hack IE6 */ .hackIe6 .topRight, .hackIe6 .bottomRight { _right: -2px !important; }

/* Biladi - Pages */
#all { width: 90em; margin: auto; background-color: white }
#content { padding: 3em 1.5em 2em; }
#contentLeft, #contentRight { margin-bottom: 3em; }
#contentLeft { float: left; width: 20em; }
#contentRight { float: right; width: 59em; font-size: 11px; }

/* Biladi - Location */
#location { margin-bottom: 2em; }
#location p { font-weight: bold; }
#location p, #location ul, #location ul li, #location ul h2 { display: inline; }
#location a { color: #0a5e74; }
#location ul h2 { font-size: 11px; font-weight: normal; color: #03aeae; }

/* Biladi - Pagination */
.pagination { 
  text-align: right; margin: 0.2em 0;
  padding-top: 0.5em; background-color: white; 
}
.pagination a { 
  font-weight: bold; text-decoration: underline; color: #04738f;
}
.pagination .inactive, .pagination .disabled { font-weight: normal; text-decoration: none; cursor: auto; color: gray; }
.pagination .inactive:hover, .pagination .disabled:hover { color: gray; }
.pagination a, .pagination span { margin-left: 0.5em; }
.pagination .selected, .pagination .current, .pagination a:hover { text-decoration: none; color: #d56917; font-weight: bold; }

.lightbox {
  position: absolute;;
  width: 100%; height: 100%; z-index: 4000;
}
body .lightbox { position: fixed; left: 0; top: 0; }
.lightbox div.shader {
  position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: black;
  opacity: 0.5; filter: alpha(opacity=50); z-index: 4020;
}
.lightbox div.box {
  position: absolute; left: 50%; top: 50%; width: 38em; height: 6em; margin-left: -19em; margin-top: -3em;
  font-size: 12px; text-align: center; z-index: 4030; color: #779dab;
  background: white;
}
.lightbox div.boxInner {
  padding: 1em; height: 4em;
}
.lightbox p.message { font-size: 14px; font-weight: bold; color: #d11d76; }
.lightbox p.closing { margin: 1em 0 0; }
.lightbox p.closing a { color: #779dab; font-size: 12px; margin: 0 1em; }
.lightbox p.closing a:hover { color: #779dab; }
.lightbox p.notice { font-size: 0.9em; color: gray; }

/* Biladi  - WARNINGS STYLE*/
/* Biladi  - errors */
div#all div.errorExplanation { 
  margin: 1em 0em 2em; padding: 1em 0 0.5em;
  border: 1px solid #cd3838; color: #cb2c2c; background-color: #f4dbcd; 
}
div#all div.errorExplanation h2 { display: none; }
div#all div.errorExplanation p { 
  padding-left: 2em; margin: 0 0 0em 1.5em; font-weight: bold; font-size: 13px;
  background: transparent url(../images/bg_error_title.png) top left no-repeat; 
}
div#all div#flashes .error { 
  margin: 1em 2em 2em; padding: 1em 3.5em; 
  font-size: 12px; border: 1px solid #cd3838; color: #cb2c2c; 
  background: #f4dbcd url(../images/bg_error_title.png) 1em 1em no-repeat; 
}
div#all div.errorExplanation ul { margin: 0; padding: 0.4em 0; }
div#all div.errorExplanation ul li { 
  padding-left: 0; margin: 0 0 0em 3em; font-size: 12px;
  list-style-type: square; background: none; 
}

/* Biladi  - notices */
div#all p.notice, div#all div.notice { 
  margin: 1.5em 1em 2em; padding: 1em 1.5em; border: 1px solid #4a7180; 
  font-size: 12px; color: #1a3944; background-color: #dce4e7; 
}

/* Biladi  -confirmations */
div#all div.userHelp { padding: 3em 2em 15em; border: 1px solid #4C7381; }
div#all div.userHelp p { margin-bottom: 1em; }
div#all div.userHelp tt { font: Arial, Helvetica, sans-serif; color: #C0027B; }
div#all div.userHelp p a { text-decoration: underline; }
div#all div.userHelp p a:hover { color: gray; }

iframe#externalWrapper {
  border: 0;
  width: 100%; height: 55em; padding: 0; margin: 0; overflow: auto;
}
iframe#externalWrapper.large { height: 72em; }

#callCenterModeReminder {
  position: fixed; _position: absolute; top: 1em; right: 1em; padding: 1em; font-size: 11px;
  color: navy; border: 1px solid navy; background: #cdf;
  opacity: 0.8; *filter: alpha(opacity=80);
}