@charset "utf-8";

/*! normalize.css 2011-09-14T10:27 UTC - http://github.com/necolas/normalize.css */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Customizations to West Village Web
 */
 
h2 a {color:#000;}
h2 a:visited {color:#000;}
h2 a:link {color:#000;}
.item-page h2 {font-size:3em;}

 #nav-below-1 {
	 line-height:normal;
	 margin-bottom:-20px;
	 padding-top:5px;
	 font-size:15px;
 }
 #nav-below-1 a {
	color:#000; 
 }
  #nav-below-1 a:visited {
	color:#000; 
 }
 
.bannergroup {
	padding-left:15px;
	padding-top:15px;
	padding-right:0px;
}
.featureditemscarousel {
	margin-top:-18px;
	margin-bottom:-20px;
}
.featureditemscarousel h3 {
	font-size:12px;
	margin-top:-2px;
	margin-bottom:-2px;
	font-weight:bold;
}
.featureditemscarousel p {
	font-size:8px;
}
.featureditemscarousel a {
	color:#000;
}
.featureditemscarousel a:visited {
	color:#000;
}

#twoj_slider_block_id1 img {
	display:block;
}

#twoj_slider_block_id1 {
	margin-top:-20px;
	padding-top:-10px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:15px;
}
#twoj_slider_block_id1 h2 {
	margin-bottom:-20px;
	margin-top:-14px;
	padding-left:15px;
	padding-right:15px;
}
#twoj_slider_block_id1 p {
	padding-left:15px;
}
#twoj_slider_block_id1 a {
	color:#000;
}
#twoj_slider_block_id1 a:visited {
	color:#000;
}
#twoj_slider_position_centerbottom_id1 {
	margin-top:-10px;
}

#map_canvas {
}



#lbCaption {
	display:none;
}
 
 
.gm_info_window p !important {
	font-size:10px;
	color:#000;
	line-height:10px;
}

#content-below-1 {
	width:50%;
	padding:10px;
}
#content-below-1 h4 {
	margin-top:25px;
}
#content-below-2 {
	width:32%;
	padding:10px;
}
#content-below-3 {
	width:32%;
	padding:10px;
}
#content-below-1 img {

	}

#header {
	background-color:#000;}

#header a {
	color:#FFF;
}
.menulinkbar {
	width:100%;
	padding-top:-20px;
	font-size:14px;
		}
.menulinkbar li {
	height:25px;
}
.article-info-term {
	display:none;
}
.date-container {
	color:#FFF;
}
#column-1 {
}
#column-4 {

}
#content-main p {
font-size:16px;

}
h1, h2 {
	margin-top:0px;
	margin-bottom:0px;
	line-height:1em;
}
.wveventdetailcontainer h1 {
	font-size:36px;
	margin-top:-4px;
}
.wveventdetailcontainer h3 {
	font-size:10px;
	font-weight:bold;
}
.wveventdetailcontainer p {
	font-size:14px;
}

.ev_td_left {
	background-color:#fff;
	color:#000;
}
.ev_td_today {
	background-color:#F00;
	color:#fff;
}
.cal_td_daysnames {
	color:#000;
	font-size:16px;
}
.cal_td_currentmonth {
	font-size:18px;
}
a.ev_link_today:link {
	color:#000;
}
.ev_link_today {
	color:#000;
}
.ev_link_weekday {
	color:#000;
}
a.ev_link_weekday:link {
	color:#000;
}
a.ev_td_today:link {
	color:#000;
}
.item-page p {
	font-size:16px;
	margin-bottom:20px;
}
.jp_author_box p {
	margin-bottom:0px;
}
.item-page h1 {
	margin-top:20px;
	margin-bottom:20px;
	line-height:40px;
	font-size:32px;
}
.create {
	margin-bottom:-4px;
	margin-top:-8px;
}
/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 */

audio:not([controls]) {
    display: none;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
    display: none;
}

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Keeps page centred in all browsers regardless of content height
 * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
    font-size: 100%; /* 1 */
    overflow-y: scroll; /* 2 */
    -webkit-text-size-adjust: 100%; /* 3 */
    -ms-text-size-adjust: 100%; /* 3 */
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */

body {
    margin: 0;
}

/* 
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */

body,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/* =============================================================================
   Links
   ========================================================================== */

a {
    color: #00e;
}

a:visited {
    color: #551a8b;
}

/*
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
    outline: 0;
}

/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3/4, S4/5, Chrome
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em;;
}

/*
 * Addresses styling not present in S5, Chrome
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */

q {
    quotes: none;
}

/* 2 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* =============================================================================
   Lists
   ========================================================================== */

ul,
ol {
    margin: .2em 0;
    padding: 0 0 0 1em;
}

dd {
    margin: 0 0 0 1em;;
}

li {
    font-size: 1em;
    margin-left: 1em;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}
/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9 
 */

svg:not(:root) {
    overflow: hiddeh;
}

/* =============================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
    margin: 0;
}

/* =============================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects alignment displayed oddly in IE6/7
 */

legend {
    border: 0; /* 1 */
    *margin-left: -7px; /* 2 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3/4, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * 1. Addresses FF3/4 setting line-height using !important in the UA stylesheet
 * 2. Corrects inner spacing displayed oddly in IE6/7
 */

button,
input {
    line-height: normal; /* 1 */
    *overflow: visible; /* 2 */
}

/*
 * Corrects overlap and whitespace issue for buttons and inputs in IE6/7
 * Known issue: reintroduces inner spacing
 */

table button,
table input {
    *overflow: auto;
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Addresses excess padding in IE8/9
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Corrects inner padding displayed oddly in S5, Chrome on OSX
 */

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Corrects inner padding and border displayed oddly in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* =============================================================================
   Tables
   ========================================================================== */

/* 
 * Remove most spacing between table cells
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* =============================================================================
   Layout
   ========================================================================== */

body {
    font-size: 76%;
}
/* 12px in most modern browsers - used as basis of layout and typography.
 * Calculate em based dims as: target dim(px) / container dim(px) = result in em
 */

#body-container,
#header-above {
    margin: 0 auto;
    padding: 0;
}

#load-first,
#footer-above {
    float: left;
	
}

#footer-above {
    width: 100%;
}

.main-only #content-main {
    float: left;
    width: 100%;
}

.main-only #load-first {
    width: 100%;
}

.alpha-1-main #load-first {
    width: 100%;
}

.alpha-1-main #content-main {
    float: right;
    width: 81%;
}

.alpha-1-main #column-group-alpha {
    float: left;
    width: 19%;
}

.alpha-2-main #load-first {
    width: 100%;
}

.alpha-2-main #content-main {
    float: right;
    width: 62%;
}

.alpha-2-main #column-group-alpha {
    float: left;
    width: 19%;
}

.main-beta-1 #content-main {
    float: left;
    width: 100%;
}

.main-beta-1 #load-first {
    width: 81%;
}

.main-beta-1 #column-group-beta {
    float: right;
    width: 19%;
}

.main-beta-2 #content-main {
    float: left;
    width: 100%;
}

.main-beta-2 #load-first {
    width: 62%;
}

.main-beta-2 #column-group-beta {
    float: right;
    width: 19%;
}

.alpha-1-main-beta-1 #load-first {
    width: 81%;
}

.alpha-1-main-beta-1 #content-main {
    float: right;
    width: 80%;
}

.alpha-1-main-beta-1 #column-group-alpha {
    float: left;
    width: 10%;
}

.alpha-1-main-beta-1 #column-group-beta {
    float: right;
    width: 10%;
}

.alpha-2-main-beta-1 #load-first {
    width: 81%;
}

.alpha-2-main-beta-1 #content-main {
    float: right;
    width: 62%;
}

.alpha-2-main-beta-1 #column-group-alpha {
    float: left;
    width: 19%;
}

.alpha-2-main-beta-1 #column-group-beta {
    float: right;
    width: 19%;
}

.alpha-1-main-beta-2 #load-first {
    width: 62%;
}

.alpha-1-main-beta-2 #content-main {
    float: right;
    width: 65.5%;
}

.alpha-1-main-beta-2 #column-group-alpha {
    float: left;
    width: 19%;
}

.alpha-1-main-beta-2 #column-group-beta {
    float: right;
    width: 19%;
}

.alpha-2-main-beta-2 #load-first {
    width: 62%;
}

.alpha-2-main-beta-2 #content-main {
    float: right;
    width: 38%;
}

.alpha-2-main-beta-2 #column-group-alpha {
    float: left;
    width: 19%;
}

.alpha-2-main-beta-2 #column-group-beta {
    float: right;
    width: 19%;
}

/* =============================================================================
   spacing rules
   ========================================================================== */

.gutter {
    margin: 10px;
}

#column-group-alpha .gutter {
    margin: 0 10px 0 0;
}

#column-group-beta .gutter {
    margin: 0 0 0 10px;
}

/* =============================================================================
   dynamic module widths
   ========================================================================== */

.count-1 {
    float: left;
    width: 100%;
}

.count-2 {
    float: left;
    width: 50%;
}

.count-3 {
    float: left;
    width: 33.3%;
}

.count-4 {
    float: left;
    width: 25%;
}

.count-5 {
    float: left;
    width: 20%;
}

.count-6 {
    float: left;
    width: 16.6%;
}

/* =============================================================================
   column widths 
   ========================================================================== */

.cols-1 {
    display: block;
    float: none !important;
    margin: 0 !important;
}

.cols-2 .item {
    width: 47.8%;
    padding: 1%;
}

.cols-3 .item {
    width: 30.9%;
    padding: 1%;
}

.cols-4 .item {
    width: 22.4%;
    padding: 1%;
}

.cols-5 .item {
    width: 19.1%;
    padding: 1%;
}

.cols-6 .item {
    width: 15.9%;
    padding: 1%;
}

.cols-2 .item,
.cols-3 .item,
.cols-4 .item,
.cols-5 .item,
.cols-6 .item {
    float: left;
}

.column-1,
.items-more {
    clear: both;
}

/* =============================================================================
   Base Typography
   ========================================================================== */

body {
	color: #000;
	line-height: 1.6em;
	font-family: Helvetica,Arial,FreeSans,sans-serif;
}

a,
a:link,
a:visited,
a:focus,
a:active {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

b {
    font-weight: bold;
}

blockquote {
    border-left: 10px solid #ddd;
    margin-left: 10px;
}

code {
    font-family: "Courier New", Courier, monospace;
    font-size: 1em;
    white-space: pre;
}

div {
    font-size: 1em;
}

em {
    font-style: italic;
}

fieldset {
    font-size: 100%;
}

form table {
    font-size: 1.1em;
}

form {
    margin: 0;
    padding: 0;
}

hr {
    display: none;
}

h1 {
    font-size: 2em;
    font-weight: normal;
}

h2 {
    font-size: 2em;
    font-weight: normal;
}

h3 {
    font-size: 1.4em;
    font-weight: normal;
}

h4 {
    font-size: 1.2em;
    font-weight: bold;
}

h5 {
    font-size: 1.0em;
    font-weight: bold;
}

h6 {
    font-size: 0.8em;
    font-weight: bold;
}

p,
dl,
hr,
pre,
table,
address {
    margin-bottom: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: .3em 0;
}

h3+ul,
h3+ol {
    margin-top: -.3em;
}

i {
    font-style: italic;
}

input.button {
    padding: 0 10px;
}

li > p {
    margin: 0.2em 0 0 1em;
}

.item ol,
.intro ol,
.item-page ol,
.items-leading ol {
    list-style: decimal;
}

.item ul,
.intro ul,
.item-page ul,
.items-leading ul {
    list-style: disc;
}

p {
    font-size: 1em;
}

table {
    font-size: 1em;
    line-height: 1.8em;
    margin: 1.5em 0;
    padding: 0;
    width: 100%;
}

table caption {
    font-weight: bold;
    margin: 0;
    padding: 0 0 1.5em;
}

textarea {
    font-size: 100%;
    font-family: arial, serif;
}

td {
    font-size: 1em;
    vertical-align: top;
}

th {
    font-weight: bold;
    text-align: left;
}

strong {
    font-weight: bold;
}

label input {
    display: block;
}

/* =============================================================================
   Standardizing button style
   ========================================================================== */

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.button2-left {
    text-align: center;
    cursor: default;
    color: buttontext;
    padding: 2px 6px 3px;
    border: 2px outset buttonface;
    background-color: buttonface;
    box-sizing: border-box;
}

button,
input,
textarea,
keygen,
select,
isindex,
.button2-left {
    margin: 0em;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
}

.button2-left {
    appearance: button;
    -moz-appearance: button;
    -webkit-appearance: button;
    padding: 0;
}

.button2-left div {
    float: left;
}

.button2-left a {
    display: block;
    padding: 2px 6px 3px;
    float: left;
    color: buttontext;
    cursor: default;
}

.button2-left a:hover {
    text-decoration: none;
}

/* =============================================================================
   Core Classes
   ========================================================================== */

.actions {
    float: right;
}

.actions li {
    float: left;
    list-style: none !important;
    margin: 0 0 0 5px;
}

.article-separator {
    display: none;
}

.article-info {
    margin-bottom: 1em;
}

.article-info address {
    margin-bottom: 0;
}

.article-info time {
    display: block
}
.article-info {
	font-size:12px;
	line-height:16px;
}
.breadcrumbs {
    float: left;
    clear: left;
}

.breadcrumbs ol {
    list-style: none;
}

.breadcrumbs li,
.breadcrumbs img {
    display: inline-block;
    margin: 0;
}

table.category {
    border: 1px solid #000;
}

.category thead {
    background: #333;
}

.category thead a {
    color: #fff;
}

.category tbody tr:hover {
    background: rgba(221, 221, 221, 0.5);
}

.category td {
    padding: 5px;
}

.category .cat-list-row0 {
    background: rgba(238, 238, 238, 0.5);
}

.category .cat-list-row1 {

}

.category th img {
    padding-left: 5px;
}

.category-desc-text,
.section-desc-text {
    clear: left;
}

.contact {
    margin: 10px 0;
}

.contact button {
    float: left;
    margin: 1em 0 0 1em;
}

.contact label {
    float: left;
    clear: left;
    width: 12em;
    margin: 10px 0 0;
}

.contact form {
    padding: 20px;
    margin: 10px 0;
}

.contact input {
    padding: 2px 2px 0;
    margin: 10px 0 0;
}

.contact label.copy {
    padding: 0 0 0 10px;
    width: auto;
    float: left;
}

.content_vote {
    margin: 0 0 10px;
    display: block;
}

.content_vote input {
    margin: 0 5px;
}

.content_vote .button {
    border: 0;
    font-weight: bold;
    margin: 20px 10px 0 0;
    padding: 0 0 0 30px;
    cursor: pointer;
}

.date-container {
	float:right;
	margin-right:0px;
	margin-top:15px;
}

.drop-shadow {
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    padding: 5px;
    margin: 5px;
}

.edit legend {
    font-size: 1.2em;
    font-weight: bold;
    padding: 2px;
}

.edit fieldset {
    border: solid 1px #ccc;
    padding: 20px;
    margin: 10px 0;
}

.edit .formelm label {
    display: inline-block;
    vertical-align: top;
    width: 12em;
}

.edit .formelm #access {
    float: none;
    clear: none;
}

.edit .formelm #jform_description-lbl {
    float: none;
    display: block;
}

.edit .formelm .radio label {
    float: none;
    width: 14em;
}

.edit .formelm .radio label span {
    float: left;
    width: 14em;
}

.edit .formelm-area label {
    float: none !important;
    display: block;
    font-weight: bold;
}

.even {
    background: #eee;
}

.footer-text {
    text-align: left;
    width: 500px;
    margin: 0 auto;
}

.formelm-buttons {
    margin-bottom: 1em;
}

ol.form {
    float: left;
    list-style: none;
    width: 100%;
}

ol.form li {
    clear: both;
    float: left;
    margin: 0 0 10px;
    width: 100%;
    position: relative;
}

ol.form label {
    cursor: pointer;
    display: block;
    font-weight: bold;
    margin: 0 10px 0 0;
}

ol.form input,
ol.form textarea {
    font: inherit;
    padding: 2px;
}

ol.form textarea {
    height: 250px;
}

ol.form li.group label {
    margin: 0;
    width: auto;
}

ol.form li.group {
    margin-bottom: 0;
}

ol.form li.group ul {
    list-style: none;
    margin-left: 100px;
}

ol.form li.group ul label {
    display: inline;
    float: none;
    font-weight: normal;
    margin: 0 0 0 10px;
    width: auto;
}

ol.form li.group ul input {
    width: auto;
}

ol.form li.button button {
    margin: 0 auto;
    display: block;
}

ol.form li.checkbox {
    float: left;
    width: 10px;
}

ol.form span.error {
    position: absolute;
    top: 0;
    right: 0;
}

.hidelabeltxt {
    display: none;
}

input.invalid,
textarea.invalid {
    border: solid 2px #ff0000;
}

label.invalid {
    color: #ff0000;
    font-weight: bold;
}

.left {
    float: left;
}

.login-fields {
    padding: 0 0 5px 0;
}

.login-fields label {
    cursor: pointer;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    min-width: 90px;
}

ul.menu-horizontal li {
    float: left;
}
/* Use -horizontal menu class suffix */

.outline {
    border: 1px solid #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 5px;
    margin: 5px;
}

.pagination {
    margin: 10px 0 0;
    padding: 10px 0;
	font-size:18px;
	font-weight:bold;
}
.pagination li {
	padding-right:10px;
}

.pagination {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.pagination li {
    display: inline;
    margin: 0;
    padding: 2px 5px 0 0;
}

.pagination .counter {
    margin-bottom: 0;
}

.pagenav li {
    margin: 0;
    list-style: none;
    margin: 0;
}

.pagenav-next {
    text-align: right;
    float: right;
}

.pagenav-prev {
    float: left;
}

.poll fieldset dl dt {
    float: left;
    width: 85%;
}

.publishing label {
    display: block
}

.publishing input {
    width: 300px;
}

.rounded {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; 
    padding: 5px;
    margin: 5px;
}

.right {
    float: right;
}

.search {
    float: left;
}

.search .only {
    border: solid 1px #ccc;
    margin: 24px 0 10px 10px;
    padding: 5px 10px 13px;
    line-height: 1.3em;
}

.search .only label {
    display: block;
    float: right;
    width: 80%;
}

.search .phrases {
    border: 1px solid #ccc;
    float: left;
    margin: 10px 10px 10px 0;
    padding: 10px;
    width: 60%;
}

.search .phrases .inputbox {
    display: block;
    height: 1.5em;
    margin-top: 10px;
    width: 12em;
}

.search .phrases .inputbox option {
    border-bottom: solid 1px #333;
    padding: 2px;
}

.search .phrases .inputbox option a:hover {
    background: #C00;
    border-color: #CFD0D6;
    color: #fff;
}

.search input {
    padding: 3px 5px;
}

.search .word {
    padding: 10px 10px 10px 0;
    border: solid 0 !important;
}

.search .word input {
    border: 1px solid #ccc;
    margin: 0 0 0 10px;
    padding: 2px;
}

.section-name {
    float: left;
}

.tip {
    float: left;
    background: #ffc;
    border: 1px solid #D4D5AA;
    padding: 5px;
    max-width: 400px;
    z-index: 50;
    -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.6);
    -moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.6);
    box-shadow: 5px 5px 10px rgba(0,0,0,0.6);
}

.tip-title {
    padding: 0;
    margin: 0;
    font-size: 1em;
    font-weight: bold;
    margin-top: -15px;
    padding-top: 15px;
    padding-bottom: 5px;
    background: url(../images/selector-arrow.png) no-repeat;
}

.tip-text {
    font-size: 1em;
    margin: 0;
}

.toggle-editor {
    margin-top: 1em;
    float: left;
    padding-left: 3px;
}

.userdata dt {
    float: left;
}

/* =============================================================================
   Core IDs
   ========================================================================== */

#access {
    float: left;
    clear: left;
}

#access li {
    float: left;
    margin: 0;
    padding: 2px 5px 3px;
}

#editor-xtd-buttons {
    margin-top: 1em;
    float: left;
}

#diagnostics {
    float: right;
    clear: right;
}

#footer ul.menu,
#footer ul.menu li {
    display: inline;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#footer ul.menu li a,
#footer ul.menu li a:visited {
    font-weight: normal;
    padding: 1px 3px;
    text-decoration: none;
}

#form-login label {
    cursor: pointer;
    display: block;
    margin: 0 10px 0 0;
    width: 120px;
}

#form-login-remember label {
    float: left;
}

#form-login-username {
    padding-right: 5px;
}

#form-login-password {
    padding-right: 7px;
}

#form-login ul li {
    margin-left: 0;
}

#header {
    margin: 0;
    text-align: left;
}

#logo {
    float: left;
    margin: 0;
}

#logo a:link,
#logo a:visited,
#logo a:hover {
    background: url(../images/wvwlogo.jpg) 0 0 no-repeat;
    display: block;
    min-width: 380px;
    height: 85px;
    text-decoration: none;
    text-indent: -9000em;

}

#logo a:focus {
    outline: none;
}

#style-switch {
    list-style-type: none;
    float: right;
    clear: right;
}

#style-switch li {
    float: left;
    margin: 0;
    padding: 2px 5px 3px;
}

#syndicate {
    position: absolute;
    left: 20px;
}

#system-message dt {
    display: none;
}

#system-message dd {
    clear: both;
    padding: 5px 0;
    text-align: left;
}

#system-message dd:after {
    clear: both;
    content: ".";
    font: 1px/0;
    display: block;
    height: 0;
    visibility: hidden;
}

#system-message dd ul li {
    list-style: none;
}

#system-message dd.message {
    color: #0055BB;
    background: #C3D2E5;
    border-top: 2px solid #84A7DB;
    border-bottom: 2px solid #84A7DB;
}

#system-message dd.message ul {
    margin-bottom: 0;
}

#system-message dd.warning {
    color: #F00;
    background: #FBAD18;
    border-top: 2px solid #F57E20;
    border-bottom: 2px solid #F57E20;
}

#system-message dd.warning ul {
    margin-bottom: 0;
}

#system-message dd.error {
    color: #F00;
    background: #FBEEF1;
    border-top: 2px solid #FEABB9;
    border-bottom: 2px solid #FEABB9;
}

/* =============================================================================
   Menu
   ========================================================================== */

ul.menu {
    list-style-type: none;
	margin-top:-16px;
}

ul.menu li {
    float: left;
    position: relative;
	margin: 0;
    padding: 0;
}

ul.menu a,
ul.menu span.seprator {
	display: block;
	padding: .1em .7em;
}
/* use padding to indent text */

ul.menu ul {
    position: absolute;
    left: -999em;
    z-index: 999;
    width: 16em;
	
}
/* change width to alter sub-menu widths */

ul.menu ul li {
    width: 100%;
}

ul.menu ul ul {
    margin: 0 0 0 100%;
    top: 0;
}

#nav:after,
#column-group-alpha ul.menu:after,
#column-group-beta ul.menu:after {
    clear: both;
    content: ".";
    font: 1px/0;
    display: block;
    height: 0;
    visibility: hidden;
}

#column-group-alpha ul.menu,
#column-group-beta ul.menu {
    padding: 0;
}
/* adjust to resize menus */

#column-group-alpha ul.menu li,
#column-group-beta ul.menu li {
    width: 100%;
    margin: 0;
}

#column-group-alpha ul.menu ul {
    margin: 0 0 0 100%;
    top: 0;
}

#column-group-beta ul.menu ul {
    right: 100%;
    top: 0;
}

#nav {
    z-index: 999;
	height:10px;
	font-size:12px;
	line-height:16px;
}

#nav ul,
#nav ul li {
    margin: 0;
    padding: 0;
}

#nav ul.menu li a,
#nav ul.menu li span.separator {
	padding-top: 4px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin-bottom:-4px;
}

#nav ul.menu ul ul{
    margin:0 0 0 100%;top:0
}

/* =============================================================================
   Right aligned navigation
   ========================================================================== */

/*
 * #nav{float:right;margin:0 auto;position:relative;z-index:999;}
 * #nav ul.menu li{float:right;}
 */

/* =============================================================================
   Left/Right Aligned Dropline Second Level
   ========================================================================== */

/*
 * #nav ul.menu ul {width:1024px;border:none;}
 * #nav ul.menu ul li {width:13em;}
 * #nav ul.menu ul li a{font-size:.8em;}
 * #nav ul.menu ul ul{margin:0 0 0 0;top:100%;}
 */

/* =============================================================================
   Left/Right Aligned Dropbox Second Level
   ========================================================================== */

/*
 * #nav ul.menu ul {width:400px;}
 * #nav ul.menu ul li {width:200px;}
 * #nav ul.menu ul li a{font-size:.8em;}
 * #nav ul.menu ul ul{margin:0 0 0 100%;top:0;}
 */

/* =============================================================================
   Absolutely Positioned Centered Menu
   ========================================================================== */

/*
 * #nav{width:100%;}
 * #nav ul{position:relative;float:right;right:50%;}
 * #nav ul li{position:relative;float:left;left:50%;margin:0;}
 */

/* =============================================================================
   Second Level Centered Suckerfish
   ========================================================================== */

/*
 * #nav ul li ul{display:none;position:absolute;top:100%;left:0;right:auto}
 * #nav ul li ul li{left:auto;margin:0;clear:left;width:100%;}
 * #nav ul li:hover ul{display:block;}
 * Flip last item to keep witin area
 */
 
/* =============================================================================
   Third Level Centered Suckerfish
   ========================================================================== */  
/*
 * #nav ul li:hover ul li ul {display: none;}
 * #nav ul li:hover ul li a,
 * #nav ul li:hover ul li:hover ul { display: block;}
 */

/* =============================================================================
   suckerfish functionality
   ========================================================================== */    
ul.menu li:hover ul ul,
ul.menu ul li:hover ul ul,
ul.menu ul ul li:hover ul ul,
ul.menu li.pie_hover ul ul,
ul.menu ul li.pie_hover ul ul,
ul.menu ul ul li.pie_hover ul ul {
    left: -999em;
}

ul.menu li:hover ul,
ul.menu ul li:hover ul,
ul.menu ul ul li:hover ul,
ul.menu ul ul ul li:hover ul,
ul.menu li.pie_hover ul,
ul.menu ul li.pie_hover ul,
ul.menu ul ul li.pie_hover ul,
ul.menu ul ul ul li.pie_hover ul {
    left: auto;
}

/* =============================================================================
   Dwyer Method for Image Replacement- Fully browser compatible,
   works with screenreaders but doesn't work with images off/css on
   ========================================================================== */

/*
 * #nav ul.menu li a {display:block;width:100px;height:20px;background:url(../images/logo.png) -50px -50px no-repeat;}
 * #nav ul.menu li a span{display:block;width:0;height:0;overflow:hidden;}
 */

/* =============================================================================
   Float Clearing
   ========================================================================== */

.clearfix:before,
.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.clear {
    clear: both;
}

/* =============================================================================
   Sticky Footer- http://www.cssstickyfooter.com/
   ========================================================================== */

html,
.sticky-footer {
    height: 100%;
}

.sticky-footer #footer-push {
    min-height: 100%;
}

.sticky-footer #footer {
    position: relative;
    clear: both;
}

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

/* =============================================================================
   DOCman Style Overrides
   ========================================================================== */

#dm_docs h3.dm_title {
    float: left;
}

#dm_docs .dm_row .dm_description,
#dm_docs .dm_row .dm_homepage {
    clear: left;
    float: left;
}

#dm_docs .dm_row .dm_description p {
    margin-bottom: 0;
}

/* =============================================================================
   Preview Module Styles for use with index.php?tp=1
   ========================================================================== */

.mod-preview {
    position: relative;
}

.mod-preview-wrapper {
    border: 1px solid #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    padding: 5px 10px;
    margin: 5px 0;
    opacity: 0.9;
    background: #666;
    z-index: 999;
    min-height: 50px;
}

.mod-preview-wrapper div.moduletable,
.mod-preview-wrapper div.moduletable_menu,
.mod-preview-wrapper div.moduletable_text,
.mod-preview-wrapper ul.menu,
.mod-preview-wrapper #breadcrumbs {
    opacity: 0;
}

.mod-preview-info {
    color: #fff;
    background: none;
    border: none;
    z-index: 999;
    position: absolute;
    left: 5px;
    top: 5px;
    font-size: 2em;
}

#column-1 .mod-preview-wrapper,
#column-2 .mod-preview-wrapper,
#column-3 .mod-preview-wrapper,
#column-4 .mod-preview-wrapper {
    height: 940px;
}

#breadcrumbs .mod-preview-wrapper {
    min-width: 125px;
}

.alpha-2-main-beta-2 #column-group-alpha {
    width: 33%;
}

.alpha-2-main-beta-2 #load-first {
    width: 74% !important;
}

.alpha-2-main-beta-2 #column-group-beta {
    width: 25%;
}

.alpha-2-main-beta-2 #content-main {
    width: 67% !important;
}

#syndicate {
    bottom: 120px;
    left: 80px;
    position: absolute;
}