@import 'layout.css';
@import 'content.css';

/**
 * global.css
 *
 * General styles for all HotCMS sites
 *
 * Copyright 2010 Hot Tomali Communications Inc.
 */

/**************************************************************
 *  global styles
 **************************************************************/

body, div, dl, dt, h2, li, span, textarea, a {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust:none;

}

html, body {
  height: 100%;
    min-width: 1000px;
}

div.head {
  border-bottom: 2px solid #F4F4F4;
  height: 45px;
  padding-bottom:5px;
  margin-bottom:5px;
}

div.heading {
  float: left;
}

div#divSeo {
  width: 45%;
  margin: 10px;
  padding: 15px;
  float: left;
  background:white;
}

ul#seoList {
  list-style: url( ../images/list_pointer.png ) inside;
  margin-top: 15px;
}

ul#seoList li {
  margin-bottom: 10px;
    font: 13px/18px arial;
  color: #434344;
}

hr {
  border: 0;
  color: #d9d9d9;
  background-color: #d9d9d9;
  height: 1px;
  width: 100%;
  text-align: left;
  clear: both;
}

/**************************************************************
 *  form related styles
 **************************************************************/

optgroup {
  font: bold 11px/14px arial, sans-serif;
}

div#divContent div.content div.right form {
  padding: 20px 0 0;
  margin: 0;
}

div#divContent div.content div.right form div input.text,
div#divContent div.content div.right form div textarea {
  width: 200px;
  font-size: 11px;
  padding: 2px 3px;
  border: 1px solid #9E9E9E;
}

div#divContent div.content div.right form div textarea {
  height: 200px;
  line-height: 15px;
  overflow: auto;
}

.formnote {
  font-size: 12px;
  color: red;
  text-align: right;
}

div.clear {
 clear:both;
}


/**************************************************************
 *  message styles
 **************************************************************/

div.message,
div.error {
  margin: 10px 0;
  padding: 10px 12px;
}

div.message,
div.message p { background: #EDFFED; }

div.error,
div.error p { background: #FBE6F2; }

div.message { border: 1px solid #48B448; color: #070; }
div.error { border: 1px solid #D893A1; color: #A00; }

div.message p,
div.error p {
  font-weight: bold;
}

/**************************************************************
 *  sticky footer
 **************************************************************/
#wrap {
  min-height: 100%;
}

#divMain {
  /*overflow:auto;*/
	padding-bottom: 255px;  /* must be same height as the footer */
}

#divFooter {
  position: relative;
	margin-top: -255px; /* negative value of footer height */
	height: 255px;
	clear:both;}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

/**************************************************************
 *  captcha
 **************************************************************/
div#divCaptcha {
  display: block;
  width: 255px;
}
div#divCaptcha a#refreshCaptcha{
  vertical-align: top;
  margin: 0 0 3px 3px;
}

/**************************************************************
 *  loading screen
 **************************************************************/
#loading {
  background-color:#fff;
  border:1px dashed #999;
  display:none;
  left:30%;
  margin:0 auto;
  padding:30px;
  position:absolute;
  text-align:center;
  top:50%;
  width:400px;
}
#loading img {
  vertical-align:middle;
}

/**************************************************************
 *  pagination
 **************************************************************/
#pagination span {
  margin: 0 1px;
}
#pagination span.prev_link {
  margin: 0 3px 0 0;
}
#pagination span.next_link {
  margin: 0 0 0 3px;
}
#pagination .first_link,
#pagination .last_link {
  display: none;
}
#pagination .prev_link,
#pagination .next_link,
#pagination .prev_link a,
#pagination .next_link a,
#pagination .current,
#pagination .page_link a {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  font-size: 11px;
}
#pagination .current {
  background: transparent url(../images/btn-pg-no-bg.jpg) top left no-repeat;
  background-position: 0 -40px;
  color: #fff;
}
#pagination .page_link a {
  background: transparent url(../images/btn-pg-no-bg.jpg) top left no-repeat;
}
#pagination .page_link a:hover {
  background-position: 0 -20px;
}
#pagination .next_link a {
  background: transparent url(../images/btn-next.jpg) top left no-repeat;
  background-position: 0 -20px;
}
#pagination .prev_link a {
  background: transparent url(../images/btn-previous.jpg) top left no-repeat;
  background-position: 0 -20px;
}
#pagination .prev_link {
  background: transparent url(../images/btn-previous.jpg) top left no-repeat;
}
#pagination .next_link {
  background: transparent url(../images/btn-next.jpg) top left no-repeat;
}

/**************************************************************
 *  auto-complete jQuery Plug-in
 **************************************************************/
.autocomplete-w1 { background:url(../images/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }