/*  GLOBAL STUFF  */
hr {
	height: 1px;
	color: #666633;
}
a img {
	border: 0;
}
/*
ul {
	list-style: square;
	padding: 0px 10px 0px 15px;	
	margin: 10px;
}
ul.listing {
	list-style: square;
	padding: 0px 10px 0px 15px;
	margin: 10px;
}
ul.listing li {
	margin-bottom:5px;
}
*/
acronym, abbr {
	border-bottom: 1px dashed;
	cursor: help;
}


/*  CLASSES  */

input.styled {
	margin: 1px;
	background-color: #F3F3F3;
	border: 0;
	color: #666666;
	font-size: 10px;
	 
}
.float_left {
	float: left;
	margin: 0px 10px 10px 0px;
}
.float_right {
	float: right;
	margin: 0px 0px 10px 10px;
}
.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}
.underline {
	border-bottom: solid 1px;
}
.qoute {
	margin-left: 50px;
	margin-right: 50px;
	padding: 15px 25px;
	background-color: #FCFCFC;
	border: #CCCCCC dashed;
	border-width: 1px 0;
	font-size: 11px;
	line-height: 20px;
	display: block;
}
.left_line {
	margin-left: 50px;
	margin-right: 50px;
	padding: 10px 15px;
	border-left: #CCCCCC solid 2px;
	font-size: 11px;
	line-height: 20px;
	display: block;
}
.bottom_line {
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-bottom: #CCCCCC solid 1px;
	background: url('top_shadow.png') bottom repeat-x;
}
.box {
	padding: 5px 10px;
	background-color: #eeeeee;
}
.zebra {
	background: url('zebra.png');
}

/*  STRUCTURE (in order of appearance)  */

#footer_float { /* This keeps the footer to the bottom of the page when there's not enough content to fill it. Check out the "Blank page" page to see how it looks. */
	height: 100%;
	min-height: 100%;
	margin-bottom: -31px;
}
#thebody {
	margin: 0 auto 31px auto;
	width: 800px;
	text-align: justify;
}
#top_nav {
	padding: 6px 10px 8px 10px;	/* T   R   B   L */
	background: url('top_shadow.png') bottom repeat-x;
	color: #666633;
	font-size: 11px;
	text-align: right;
}
#top_nav a {
	color: #666633;
	font-size: 10px;
	 
}
#top_nav a:hover {
	color: #333300;
}
#top_nav #top_nav_left {
	float: left;
}
#top_nav #top_nav_right {
	float: right;
}
#top_nav #top_nav_gutter {
	clear: both;
}
#header {
	height: 100px;
	padding-left: 25px;
	background: url('header.png') top no-repeat;
	color: #FFFFFF;
	font-size: 50px;
	 
	letter-spacing: 2px;
}
#header .with_slogan { /* Apply this to the content of the header if you want to have a slogan below the name, as it is now. */
	position: relative;
	top: 10px;
}
#header .with_slogan a {
	color: #ffffff;
}
#header .with_slogan a:hover {
	color: #ffffff;
}
#header .without_slogan { /* Apply this to the content of the header if you don't want to have a slogan below the name. */
	position: relative;
	top: 70px;
}
#header .slogan {
	position: relative;
	top: -5px;
	left: 5px;
	font-size: 18px;
	font-weight: normal;
}
#menu {
	height: 50px;
	background: url('menu.png') repeat-x;
	font-size: 14px;
	letter-spacing: 1px;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu ul li {
	display: inline;
}
#menu ul li a {
	padding: 19px 15px 15px 15px;
	border-right: #aa1e8b dashed 1px;
	color: #666666;
	text-decoration: none;
	float: left;
}
#menu ul li a:hover {
	background: url('menu_hover.png') repeat-x;
	color: #333300;
}
#menu .pressed {
	padding: 19px 15px 15px 15px;
	border-right: #aa1e8b dashed 1px;
	background: url('menu_hover.png') repeat-x;
	color: #666666;
	float: left;
}
.content { /* This wraps the content. */
	margin: 15px 15px 0 15px;
	line-height: 18px;
	clear: both;
}
/* One column. Check out the "Layouts" page. */
.c1col {
	width: 770px;
	float: left;
}
/* Two columns. Check out the "Layouts" page. */
.c2col_left {
	width: 200px;
	padding-right: 20px;
	float: left;
}
.c2col_main {
	width: 550px;
	float: left;
}
.c2col_right {
	width: 200px;
	padding-left: 20px;
	float: left;
}
.c2col_eq_left {
	width: 375px;
	padding-right: 20px;
	float: left;
}
.c2col_eq_right {
	width: 375px;
	float: left;
}
/* Three columns. Check out the "Layouts" page. */
.c3col_side {
	width: 150px;
	float: left;
}
.c3col_middle {
	width: 430px;
	padding: 0 20px;
	float: left;
}
#footer {
	width: 800px;
	margin: 0 auto;
	padding: 12px 0 7px 0;
	background: #eeeeee url('top_shadow.png') repeat-x;
	font-size: 10px;
	text-align: center;
	clear: both;
}

/*  HACKS  */

html {
	height: 100%;
}

#footer_hack {
	clear: both;
}

div.action {
	float: right;
	padding: 0px 0px 0px 0px;	/* T   R   B   L */
}

.action-cnt {
	margin-top: 12px;
}
div.action a {
	 
}

div.buttons {
	padding: 0px 0px 0px 0px;	/* T   R   B   L */
	margin: 5px 0px 5px 0px;	/* T   R   B   L */
}

.mandatory {
	color: #AA1E8B;
}

/*___form___*/
form.genform {
	padding: 0;
	margin: 0;
}

form.genform ul {
	list-style: none;
	list-style-image: none; /* bug in IE */
	padding: 0px 0px 0px 0px;	/* T   R   B   L */
	margin: 0px 0px 0px 5px;	/* T   R   B   L */
}

.genform-line {clear: both;}

form.genform div.genform-line {
	margin: 0px 0px 0px 0px;	/* T   R   B   L */
	padding: 0px 0px 0px 0px;	/* T   R   B   L */
}

form.genform div.genform-line div.genform-label {
	float: left;
	width: 175px;
	text-align: left;
	padding: 0px 10px 0px 0px;	/* T   R   B   L */
	font-weight: bold;
}

form.genform div.genform-line div.genform-ctrl {
	float: left;
	text-align: left;
}

form.genform div.genform-line div.genform-exp {
	float: left;
	padding: 0px 0px 0px 10px;	/* T   R   B   L */
	font-weight: bold;
	color: #AA1E8B;
}

form.genform div.genform-gutter {
	clear: both;
	margin: 0px 0px 0px 0px;	/* T   R   B   L */
	padding: 0px 0px 0px 0px;	/* T   R   B   L */
}

form.genform div.genform-line div.genform-line-box {
	float: left;
	padding: 0px 20px 0px 0px;	/* T   R   B   L */
	margin: 0px 0px 5px 0px;	/* T   R   B   L */
}

form.genform div.genform-line div.genform-line-box-near {
	float: left;
	padding: 0px 0px 0px 0px;	/* T   R   B   L */
	margin: 0px 0px 0px 0px;	/* T   R   B   L */
}

form.genform div.genform-buttons {
	margin: 0px 0px 0px 0px;	/* T   R   B   L */
	padding: 0px 0px 0px 0px;	/* T   R   B   L */
}
.genform-buttons div.genform-label {
	float: left;
	width: 175px;
	text-align: left;
	padding: 0px 10px 0px 0px;	/* T   R   B   L */
	font-weight: bold;
}

.genform-buttons input {
	background-color: #AA1E8B; 
	color: white; 
	border: 1px solid #AA1E8B;
	vertical-align: middle; /* added new*/
}

form.genform input.input {width: 200px;}
form.genform input.biginput {width: 350px;}
form.genform input.medinput {width: 250px;}
form.genform input.norminput {width: 175px;}
form.genform input.smallinput {width: 100px;}
form.genform input.tinyinput {width: 30px;}

form.genform input.radio {padding: 0px; margin: 0px;}

form.genform select.select {width: 150px;}

form.genform label {}
form.genform .alert {color: #aa1e8b;}

form.genform textarea {width: 350px; height: 150px;}
form.genform textarea.medtext {width: 250px; height: 100px;}
form.genform textarea.bigtext {width: 400px; height: 150px;}
form.genform textarea.banner {width: 350px; height: 50px;}
form.genform textarea.widget {width: 350px; height: 150px;}

form.genform input.input, form.genform input.biginput, form.genform input.medinput, form.genform input.smallinput, form.genform input.norminput, form.genform input.tinyinput, form.genform textarea, form.genform select {
	border: 1px solid #cccccc;
}

/*END___form___*/

.comment {
	margin: 10px 0px 20px 0px;	/* T   R   B   L */
}
.comment-meta {
	padding: 0px 5px 5px px;	/* T   R   B   L */
	margin: 0px 0px 0px 0px;	/* T   R   B   L */
}
.comment-body {
	padding: 0px 0px 5px 0px;	/* T   R   B   L */
	margin: 0px 0px 0px 0px;	/* T   R   B   L */
	background-color: #ffffff;
	border-bottom: 1px solid #eeeeee;
}

/*____organizer______*/
div#organizer
{
	position: relative;
	width: 967px;
	padding: 0;
	margin: 20px 0px 20px 0px;	/* T   R   B   L */
	margin-right: auto;
}

div#organizer div#organizer-navigation {
	
}

div#organizer div#organizer-navigation div#organizer-navigation-tabs {
	float: left;
}

div#organizer div#organizer-navigation div#organizer-navigation-tabs div.tab-on, div#organizer div#organizer-navigation div#organizer-navigation-tabs div.tab-off {
	width: 49px;
	height: 20px;
	text-align: center;
	margin: 0px 0px 0px 5px;	/* T   R   B   L */
	float: left;
}
div#organizer div#organizer-navigation div#organizer-navigation-tabs div.tab-on a, div#organizer div#organizer-navigation div#organizer-navigation-tabs div.tab-off a {
	display: block;
	padding: 4px 0px 0px 0px;	/* T   R   B   L */
}

.tab-on, .tab-on a  {
	background-color:#B4D14E;
	color:#FFFFFF;
}
.tab-off, .tab-off a  {
	background-color: #eaeaea;
	color:#FFFFFF;
}

div#organizer div#organizer-navigation div#organizer-navigation-info {
	float: right;
}

div#organizer div#organizer-calendar-month table
{
	width: 959px;
	padding: 0;
	margin: 0;
}

div#organizer div#organizer-calendar-month table th
{
	text-align: center;
	vertical-align: middle;
	height: 20px;
	width: 137px;
}

div#organizer div#organizer-calendar-month table td
{
	margin: 0;
	padding: 0;
	height: 80px;
	width: 137px;
}

div#organizer div#organizer-calendar-month table td div.cell-header-normal {
	position: relative;
	text-align: right;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	height: 15px;
	width: 137px;
}
div#organizer div#organizer-calendar-month table td div.cell-header-today {
	position: relative;
	text-align: right;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	height: 15px;
	width: 137px;
}

div#organizer div#organizer-calendar-month table td div.cell-header-label {
	position: absolute;
	top: -1px;
	right: 1px;
}

div#organizer div#organizer-calendar-month table td div.cell-header-normal a {
	 
	font-size: 1.0em;
	color: #858385;
	text-decoration: none;
}

div#organizer div#organizer-calendar-month table td div.cell-header-today a {
	
	font-size: 1.0em;
	color: #ffffff;
	text-decoration: none;
}

div#organizer div#organizer-calendar-month table td div.cell-header-today a:hover {
	color: #858385;
}

div#organizer div#organizer-calendar-month table td div.cell-body {
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 0;
	height: 100px;
	width: 137px;
	background-color: #ffffff;
}

div#organizer div#organizer-calendar-month table td div.cell-body div.cell-body-event{
	text-align: left;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;	/* T   R   B   L */
	padding: 0px 0px 0px 0px;	/* T   R   B   L */
	height: 20px;
}

/* added */
.calend-agenda {
	padding: 10px;
	border: 1px solid #eaeaea;
	margin: 10px 0px;
	width: 60%;
}
.calend-agenda div {
	padding-left: 20px!important;
	margin-bottom: 3px;
}
.cell-body a {
	color: #666666;
}
.cell-body-event-own {
	float:left;
	text-align: left;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 12px;	
	height: 20px;
	background-image: url(ico_own.gif);
	background-repeat: no-repeat;
	background-position: 3px 7px; /* left top; */
}

.cell-body-event-go {
	float:left;
	text-align: left;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 12px;
	height: 20px;
	background-image: url(ico_go.gif);
	background-repeat: no-repeat;
	background-position: 3px 7px; /* left top; */
}

.gutter {
	float: left;
}

.more {
	font-size: 90%;
	margin: 0px 10px 0px 10px;
}

#calend-day {
	border: 1px solid #B4D14E;	
}
.cel-i-c {
	text-align: right;
}
.cell-evt-atr {
	margin-bottom: 7px;
}
/* added */
div#organizer div#organizer-calendar-day table
{
	width: 967px;
	padding: 0;
	margin: 0;
}

div#organizer div#organizer-calendar-month table th
{
	text-align: center;
	vertical-align: middle;
	height: 20px;
}

div#organizer div#organizer-calendar-day table th.cell-day {
	text-align: center;
	height: 20px;
}

div#organizer div#organizer-calendar-day table th.cell-today {
	text-align: center;
	height: 20px;
	background-color: #aa1e8b;
	color: #ffffff;
}

div#organizer div#organizer-calendar-day table td.cell-day-header {
	margin: 0px;
	padding: 5px 5px 5px 5px;	/* T   R   B   L */
	background-color: #f0f0f0;
}

div#organizer div#organizer-calendar-day table td.cell-day {
	margin: 0;
	padding: 5px;
	background-color: #ffffff;
	vertical-align: top;
}

div#organizer div.organizer-event-box {
	position: absolute;
	background-color: #ccc;
	width: 100px;
	padding: 0px 0px 0px 0px;	/* T   R   B   L */
	margin:0px 0px 0px 0px;	/* T   R   B   L */
}

ul.nobullets {
	list-style: none;
	list-style-image: none; /* bug in IE */
	margin-left:15px;
	padding-left:15px;
}

ul.noindent {
	list-style: none;
	list-style-image: none; /* bug in IE */
	margin-left:0px;
	padding-left:0px;
}

ul.headlines {
	list-style: none;
	list-style-image: none; /* bug in IE */
	margin-left:0px;
	padding-left:0px;
}

ul.headlines li {
	font-size: 120%;
	font-weight: bold;
	padding:10px 0 5px 0;
}


ul.templates {
	list-style: none;
	list-style-image: none; /* bug in IE */
	margin:0!important;
	padding:0!important;
}

ul.templates li {
	margin:0 10px 0 0;
	padding:0;
	float: left;
	text-align: center;
}

.template-img {
	background-color: white;
	border: 1px solid #b4d14e;
	padding: 7px 0px;
	width: 64px;
	text-align: center;
}

.template-img-on {
	background-color: white;
	border: 1px solid #aa1e8b;
	padding: 7px 0px;
	width: 64px;
	text-align: center;
}

.template-title {margin:0 0 5px 0;color:#b4d14e;}
.template-title-on {margin:0 0 5px 0;color:#aa1e8b;}

.after-submit {
	display: none;
	font-weight: bold;
	color: #AA1E8B;
}

.more_attendees {
	font-size: 110%;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
	color: #666666;
}