/* -------------------------------------------------------------- 
  
   Reset.css
   * Resets default browser CSS styles.
   
   Created by Erik Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
}

/* Remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
        font-size: 16px;
}
ol, ul {
	list-style: none;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


.clear {
  clear: both;
}

.float {
  float: left;
}

.float_right {
  float: right;
}

.notopmargin {
  margin-top: 0px !important;
}

.nobotmargin
{
  margin-bottom: 0px !important;
}

a {
  text-decoration: none;
  color: #28a9e0;
}

.pointable {
  cursor: pointer;
}

.picture {
  width: 280px;
  position: relative;
  line-height: 0px;
}

.editable .picture {

}

.picture a {
  line-height: 1em;
}
.picture img {
  position:relative;
  left: 0px;
  top: 0px;
}

.hidden {
  opacity: 0.5;
}

.hide {
  display: none;
}

#admin_panel {
  position: absolute;
  right: 10px;
  top: 10px;
  border: 2px solid #28a9e0;
  padding: 5px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;

}
#admin_panel a {
  position: static !important;
  display: block;
  border: 0;
  text-align: left;
  padding : 5px;
}
#admin_panel a:hover {
  color: black;
}

/*

blue: #28a9e0;
dark_blue: #2497c8
gray: #939598
black
white

width: 900
column: 280 + 20

nav: height 20

h2 : height 20


case study pictures heights: 209 or 128

*/


body { 
  background: white;
  color: #939598;
  font-size: 12px;
  font-family: arial;
}



.gray {
  color: #939598 !important;
}

h2 a {
  color: white;
}

body { text-align: center; }

.container {
  width: 900px;
  margin: 0px auto;
  text-align: left;
  overflow: hidden;
  position: relative;
  margin-top: 20px;
}

#main {
  
  background: white;
  overflow: hidden;
}

.column {
  width: 280px;
  padding-right: 20px;
  float: left;
}

.column2 {
  width: 580px;
  padding-right: 20px;
  float: left;
}

#header {
  padding-bottom: 35px;
}




#nav {
  height: 22px;
  margin-bottom: 10px;
  background: #28a9e0;
  margin-right: 20px;
  overflow: hidden;
}

#nav ul {

  background: #939598;
  float: left;
  font-size: 13px;
  width: 100%;
}

#nav li.gray {
  height: 23px;
  float: right;
}

#nav li.gray {
  background: transparent;
  border: 0px;
  padding-right: 0;
  padding-left: 5px;
  float:left;
}

#nav li.input {

}


#nav li {
    background: #28a9e0;
  float: left;
  padding: 5px 14px;
  display: block;
  border-right: 1px solid white;
}

#nav li.last {
  border-right: 0px
}

#nav li.first {
  border-left: 1px solid #fff
}


#nav li a {
  text-transform: uppercase;
  text-decoration: none;
  color: white;
}

#nav form, #nav span {
  float: left;
}

#nav span {
  color: black;text-transform: uppercase;padding: 0px 5px;
}
#nav input {
  font-size: 10px;
  width: 50px;
  height: 10px;
  border: 1px solid #888;
}

#nav label {color: white; text-transform: uppercase; }

#nav input.submit { border: 0px; background: transparent; color: #000; text-transform: uppercase; padding: 0px;}


#nav .submit input { height: 13px; font-weight: bold; width: 20px} 

body p {
  color: #939598;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.2em;
}

body {
  margin-top : 25px;
}
h2 {
  color: white;
  background: #28a9e0;
  padding: 5px;
  text-transform: uppercase;

  margin-bottom: 10px;
  padding-left: 10px;
}

h2.short {
  margin-right: 20px;
}

h1 {
  color: #28a9e0;
  font-size: 24px;
}

h3 {
  color: #28a9e0;

  margin-bottom: 10px;
  margin-top: 10px;
}

label {
    color: #28a9e0;
}

#facebox textarea {
  height:100px;
  width:500px;
  
  font-family: arial;
  font-size: 12px;
}

h1.large {
  font-size: 45px;
  position: absolute;
  top: 90px;
}

h2 a {
  font-weight: bold;
}

.column h2 {
  margin-top: 0px;
}

 table.jumpto {
  color: white;
  background: #28a9e0;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-bottomleft-radius: 10px;
  -webkit-border-topright-radius: 10px;
  position: absolute;
  width: 280px;
  bottom: 0px;
  margin-bottom: 35px;
}

.jumpto td {
  padding: 5px;
  padding-left: 10px;
  border: 1px solid #fff; 
}

.jumpto td a {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
}

#main input {
  width: 272px;
  border: 1px solid #333;
  margin: 10px 0px;
  padding: 3px;
}

#main textarea {
  width: 272px;
  border: 1px solid #333;
  margin: 10px 0px;
  padding: 3px;
}
#main label {
  
} 

#main .submit {
  border: 0px;
  text-align: right;
  background: white;
  right: 0px;
}

#main .auth_form input {
  width: 120px;
  margin: 0;
  font-size: 10px ;
  padding : 0;
  margin-right: 10px;
 
}


#main .auth_form h2 {
  margin-bottom: 10px;
  
  overflow: hidden;
}
#main .auth_form .submit {
  background: transparent;
  width: 50px;
  font-size: 12px;
}



.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #28a9e0;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #28a9e0;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #28a9e0;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.editable {
  position: relative;
}

.edit_link, .new_link {
  position: absolute;
  right: 5px;
   top: 5px;
}

.upload_link {
  position: absolute;
  left: 5px;
  top: 5px;
}


h2 {
  position: relative;
}

h2 .edit_link, h2 .new_link {
  right: 10px;
  top: 5px;
}


.new_link, .edit_link, .upload_link, .admin_link {
  background: white;
  border: 2px solid #28a9e0;
  color: #28a9e0;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 10px;
  padding: 0px 5px ;
  -moz-border-radius: 10px;
  text-decoration: none;
}


/*
.new_link:hover, .edit_link:hover, upload_link:hover {
 background: black;
 color: white; 
 border: 1px solid #000;
 cursor: pointer;
}*/

#facebox .b {
  background:url(/facebox/b.png);
}

#facebox .tl {
  background:url(/facebox/tl.png);
}

#facebox .tr {
  background:url(/facebox/tr.png);
}

#facebox .bl {
  background:url(/facebox/bl.png);
}

#facebox .br {
  background:url(/facebox/br.png);
}

#facebox .b, #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  background: #28a9e0;
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


#search_bar {
  background: #28a9e0;
  float: left;
  width: 900px;
  
}

#search_bar li {
  float: left;
  padding: 5px 14px;
  display: block;
  border-right: 1px solid white;
  color: white;
  text-transform: uppercase;
}


#search_bar li.input {
  padding: 0px;
  padding-top: 5px;  
}

#search_bar input {
  border:1px solid #888888;
  font-size:10px;
  height: 10px;
  margin:0 10px;
  padding: 1px 2px 2px;
  width:150px;
}

#search_results {
  margin-top: 10px;
}
#search_results a {
  color: #939598;
}

#search_bar li a {
  color: white;
}

.word_list {
  background: #2497c8;
  display: none;
  position: absolute;
  width: 200px;
  text-align: left;
  padding: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  /*border-top: 1px solid #fff;*/
}

.word_list a {
  color: white;
  text-transform: capitalize;
}

#uploads td {
  padding: 10px;
}
/*

#nav {
  height: 22px;
  margin-bottom: 10px;
  background: #28a9e0;
}

#nav ul {
  background: #28a9e0;
  float: left;
}

#nav ul.gray {
  background: #939598;
  height: 22px;
  float: right;
}

#nav ul.gray li {

  border: 0px;
  padding-right: 0;
  padding-left: 0;
}

#nav li.input {
  padding: 0px;
  padding-top: 5px;
}



#nav li {
  float: left;
  padding: 5px 14px;
  display: block;
  border-right: 1px solid white;
}

#nav li.last {
  border-right: 0px
}



#nav li a {
  text-transform: uppercase;
  text-decoration: none;
  color: white;
}

#nav form, #nav span {
  float: left;
}

#nav span {
  color: black;text-transform: uppercase;padding: 0px 5px;
}
#nav input {
  font-size: 10px;
  width: 50px;
  height: 10px;
  border: 1px solid #888;
}

#nav label {color: white; text-transform: uppercase; }

#nav input.submit { border: 0px; background: transparent; color: #000; text-transform: uppercase; padding: 0px;}

*/