/* Utility */

/* Layout */

html{ font-size:100%; }

body {
	font: 100% Helvetica, sans-serif;
	line-height: 20px;
	/*background-image: url(/images/layout/background.jpg);
	background-position: center top;
	background-repeat: no-repeat;*/
/*	background-color: #73969d;*/
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #222;
	margin: 10px 0 0 0;
}

input {display: inline-block; padding: 0 3px;}

h1, h2, h3, h4, h5 {margin-bottom: 10px;}
h1 {font-size: 25px;}
h2 {font-size: 19px;}
h3 {font-size: 17px;}
h4, h5 {}

table {width: 100%;}
tbody {width: 100%;}
thead{font-weight: 300;}
th {vertical-align: middle; font-family: "Times New Roman", Georgia, Serif;}
tr { width: 100%;}
td {vertical-align: middle; font: 90% "Arial", Verdana, sans-serif;}

ul {padding: 8px 16px;}
li {font-family: "Arial", Verdana, sans-serif;}

p.formatted_paragraph { padding-bottom: 10px; }

a {color: #557887; text-decoration: none;}
a:visited {}
a:hover {color:#111;}


/*** This is a hack for jquery's widget content tags that won't relent. Instead of toucvhing the jQuery styles ***/
.ui-widget-content a {color: #7b9198; text-decoration: none;}
.ui-widget-content a:hover {color:#111;}

/***** TOOL TIP OVERIDES *******/

.tooltip_content {background: #f5f0a7 !important;}

/* FLOTS & CLEARS */

.clear { clear: both; }
.clear_left { clear: left; }
.clear_right { clear: right; }
.float_left { float: left; }
.float_right { float: right; }


/* LAYOUT */

.header, .container, .social, .footer { width: 900px; margin: 0 auto; position: relative;}

.header { height: 85px; z-index:1;}
.social {height: 60px; background: url(/images/layout/home/body-footer.jpg) top center no-repeat; padding-top: 10px;}

.footer {width: 900px; min-height: 128px; font-size: 13px;}
.footer a {text-decoration: none;}

#logo {position: absolute; top: 10px; left: -38px; z-index: 1; }
#header_navigation {position:absolute; right: -50px; bottom: -30px;}
#title { position:absolute; left: 330px; top: 23px; z-index: 100; }

.clear-main-logo {height: 60px;}

.container_inner {position: relative; margin: 0; padding: 0 50px 20px 50px; background: white; text-align: left; min-height: 530px;}
.container .bottom-image {width: 100%; text-align:center; position: absolute; bottom: 16px;}

.session_navigation { position: absolute; width: 260px; text-align: center; right: 0; top: 8px;}

.flash_messages {color: #89210c; text-align: center;}




/************************ NOTES ******************************************/

.notes {}
.notes .odd {}
.notes .even {background-color: #DBF1FF; padding: 5px;}
.notes #existing_notes {border: thin solid #A3A3A3;}

/* li tags in the shared note partial */
.note {margin: 7px 0;}
.note h5 {display:inline;}
.note .status_line {font-size: 90%; color: #888;}
.note .details { margin: 10px 0;}



/************************ SOCIAL FOOTER ******************************************/

.addthis_toolbox .hover_effect
{
    width: 100%;
    padding: 10px 0 6px 10px;
    border: 3px solid #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.addthis_toolbox .hover_effect div
{
    float: left; margin-left: 30px;
}

.addthis_toolbox .hover_effect a
{
    border: 2px solid #fff;
    padding: 2px 2px 2px 16px;
    position: relative;
    text-decoration: none;
}

.addthis_toolbox .hover_effect a:hover
{
    border: 2px solid #105CB6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #B4D3F8;
    color: #105CB6;
    text-decoration: none;
}

.addthis_toolbox .hover_effect span
{
    position: absolute;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 1px;
}

.addthis_toolbox .custom_images { margin: 0 auto; width: 900px;}

.addthis_toolbox .custom_images div
{
  float:left; margin-left: 15px;
}

.addthis_toolbox .custom_images a
{
    width: 60px;
    height: 60px;
    margin: 0;
    padding: 0;
}

.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom_images a img
{
    opacity: 0.75;
}

.tell_a_friend {
  margin-right: 20px;
  margin-left: 5px;
}

.join_us {
  margin-left: 80px !important;
}

.face_book_fan_page {
  margin-top: 7px;
}

.follow_on_twitter {
  margin-top: 7px;
}


/************************************** IN PLACE EDITABLE ******************************/

span.in_place_edit_value{
  padding: 2px;
  background-color:#EAF5FE;
  border:2px dashed #C5DAFD;
  float: left;
  clear: left;
  cursor: pointer;
}

span.in_place_edit_label {
  font-weight: bold;
  display: inline;
  margin-right: 15px;
  margin-top: 10px;
  clear: left;
  float: left;
}

.in_place_edit_field {
  clear: left;
}

textarea.in_place_edit_field {
  width: 100%;
}

form.in_place_editable {
  clear: left;
  margin-bottom: 3px;
}

form.in_place_editable_inline {
  float: left;
  clear: none;
}


/******************************* ROUNDED CORNERS ***************************/


.round { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.round_top { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-radius-topleft: 10px;}
.round_bottom { -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;}
.round_top_left {  -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; }
.round_top_right { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }
.round_bottom_left { -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; }
.round_bottom_right { -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }

.round_small {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.round_top_left_small {  -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
.round_top_right_small { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.round_bottom_left_small { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.round_bottom_right_small { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.round_top_small { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-radius-topleft: 10px;}
.round_bottom_small { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-radius-bottomleft: 10px;}
.round_left {-moz-border-radius-bottomleft: 10px; -moz-border-radius-topleft: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-top-left-radius: 10px;}
.round_right {-moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-top-right-radius: 10px;}

.round_large {-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
[type="hidden"] { display:none;}

/* FONTS */

.small_text { font-size: 80%;}
.meidum_text { font-size: 90%; }

/* COLLAPSIBLE */
.up {background: url(/images/layout/triangleUp.png) no-repeat scroll 5px 50%;}
.down {background: url(/images/layout/triangleDown.png) no-repeat scroll 5px 50%;}

/*
.up {background-image: url(/images/jquery/ui/ui-icons_888888_256x240.png); background-position: -32px 0;}
.down {background-image: url(/images/jquery/ui/ui-icons_888888_256x240.png); background-position: -64px 0;}
*/