﻿/* reset */
/*html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
	margin: 0;
	padding: 0;
}*/
/*html {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6b6b6b;
	line-height:20px;
	background: #e7e7e7 url(../images/bg.jpg) no-repeat;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}*/
/*input, textarea {*/
	/*outline:none;*//* preventing the chrome and safari nasty yellow border */
	/*border:1px solid #ccc;
	background:#FFF;
}*/
.br {
	height: 4px;
	padding-bottom:5px;
}
/* Main wrapper styles ////////////////////////////////////////////////*/

div#wrapper2 {
	width:500px;
	margin:10px auto;
	position:relative;
}
/* Universal page styling ////////////////////////////////////////////////*/

div#indexouterbox {
	width:400px;
	height: 100%;
	float:left;
	background:#fff;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	position:relative;
	margin-left:29px;
	margin-top:-5px;
	overflow:hidden;
	z-index:2;
}
div#adminouterbox {
	width:660px;
	height: 100%;
	float:left;
	background:#fff;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	position:relative;
	margin-left:29px;
	margin-top:-5px;
	overflow:hidden;
	z-index:2;
}
div#content2 {
	width:100%;
	height:auto;
	float:left;
}
div#bodycontent {
	width:100%;
	height:auto;
	float:left;
}
div.innerbox {
	width: 93%;
	height: auto;
	float:left;
	margin:10px 15px 10px 15px;
	position:relative;
	background:#transparent;
}
div.innerbox h2 {
	width:100%;
	float:left;
	font-size:15px;
	color: #555555;
	text-shadow: 0px 1px 1px #FFF;
	margin-bottom:0px;
}
.add {
	background: url(../images/icons/accept.gif) no-repeat 1px 2px;
	margin-top: -1px;
	text-indent:21px;
	display:block;
	font-size:10px;
}
#note {
	width:auto;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:normal;
}
div.innerbox p {
	width:100%;
	float:left;
	text-align:justify;
}
div.innerbox .alert {
	width:100%;
	float:left;
	text-align:justify;
	font-size:11px;
	color:#990033;
	margin: -2px 0px 0px 1px;
}
/* Index page styling ////////////////////////////////////////////////*/

div#indexleft {
	width:298px;
	height:100%;
	float:left;
	font-size: 10px;
}
div#indexleft select {
	width:214px;
	height:20px;
	float:left;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding:2px 0 0 4px;
	margin-bottom:5px;
}
/*div#indexleft input {
	width:214px;
	height:20px;
	float:left;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding:2px 0 0 4px;
	margin-bottom:5px;
}*/
/*div#indexright {
	/*width:239px;
	height: auto;
	float:left;
	padding-left:30px;
	margin-top:3px;
	border-left:1px solid #f2f2f2;
	font-size: 10px;
}*/
div#indexright input {
	width:240px;
	height:20px;
	float:left;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	/*padding:2px 0 0 4px;*/
	margin-bottom:5px;
}
div#indexright input#submit {
	width:60px;
	height:24px;
	float:right;
	margin-right: -47px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding:0px 0 2px 0px;
	cursor:pointer;
	color:#666;
}
div#indexright input#submit:hover {
	color:#333;
	border:1px solid #999;
}
/* Rounded corners for top and bottom box ////////////////////////////////////////////////*/

div#top {
	width:400px;
	height:6px;
	background:url(../images/box-top.jpg) no-repeat;
	margin:0 0 0 29px;
	float:left;
}
div#bottom {
	width:400px;
	height:6px;
	background:url(../images/box-bottom.jpg) no-repeat;
	margin:0 0 0 29px;
	float:left;
}
/* Admin Page styling ////////////////////////////////////////////////*/

div#adminleft {
	width:270px;
	height:auto;
	float:left;
	font-size: 10px;
	margin-left:2px;
	margin-top:3px;
}
div#adminleft select {
	width:214px;
	height:20px;
	float:left;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding:2px 0 0 4px;
	margin-bottom:5px;
}
div#adminleft input {
	width:280px;
	height:20px;
	float:left;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding:2px 0 0 4px;
	margin-bottom:5px;
}
div#adminright {
	width:310px;
	height: auto;
	float:left;
	padding-left:29px;
	margin-top:3px;
	font-size: 10px;
}
div#adminright input {
	width:310px;
	height:20px;
	float:left;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding:2px 0 0 4px;
	margin-bottom:5px;
}
div#adminright input#submit {
	width:60px;
	height:24px;
	float:right;
	margin-right: -5px;
	background: #f2f8fe;
	border: 1px solid #aac4dc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding:0px 0 2px 0px;
	cursor:pointer;
	color: #32587d;
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-shadow: 0px 1px 1px #FFF;
}
div#adminright input#submit:hover {
	color: #32587d;
	text-shadow: 0px 1px 1px #FFF;
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 4px #d8e6f4;
	-webkit-box-shadow:0 0 4px #d8e6f4;
	box-shadow:0 0 4px #d8e6f4;
}
.submit {
	width:60px;
	height:24px;
	float:right;
	background: #f2f8fe;
	border: 1px solid #aac4dc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding:0px 0 2px 0px;
	cursor:pointer;
	color: #32587d;
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-shadow: 0px 1px 1px #FFF;
}
.submit:hover {
	color: #32587d;
	text-shadow: 0px 1px 1px #FFF;
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 4px #d8e6f4;
	-webkit-box-shadow:0 0 4px #d8e6f4;
	box-shadow:0 0 4px #d8e6f4;
}
div#adminright input#guests {
	width:60px;
	height:24px;
		margin-right: -5px;
	float:right;
	background: #f5fef2;
	border: 1px solid #cadac5;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding:0px 0 2px 0px;
	cursor:pointer;
	color: #4a5845;
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-shadow: 0px 1px 1px #FFF;
}
div#adminright input#guests:hover {
	color: #32587d;
	text-shadow: 0px 1px 1px #FFF;
	font-family: Arial, sans-serif;
	font-size: 11px;
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 4px #d8f4d8;
	-webkit-box-shadow:0 0 4px #d8f4d8;
	box-shadow:0 0 4px #d8f4d8;
}
#input {
	width:60px;
	height:24px;
	float:right;
	background: #f5fef2;
	border: 1px solid #cadac5;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding:0px 0 2px 0px;
	cursor:pointer;
	color: #4a5845;
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-shadow: 0px 1px 1px #FFF;
}
#input:hover {
	color: #32587d;
	text-shadow: 0px 1px 1px #FFF;
	font-family: Arial, sans-serif;
	font-size: 11px;
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 4px #d8f4d8;
	-webkit-box-shadow:0 0 4px #d8f4d8;
	box-shadow:0 0 4px #d8f4d8;
}
div#adminright .message {
	width:310px;
	height:120px;
	float:left;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding:2px 0 0 4px;
	margin-bottom:5px;
}
/* Various header styling ////////////////////////////////////////////////*/
.myevents {
	border: 1px solid #c1d7ec;
	margin-top: 4px;
	margin-bottom: 5px;
	height: auto;
	width: 100%;
	padding: 0px 0px 0px 3px;
	background: #f2f8fe;
	color: #32587d;
	text-align: left;
	font-family: Arial, sans-serif;
	font-size: 11px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-shadow: 0px 1px 1px #FFF;
}
.addevents {
	border: 1px solid #c1d7ec;
	margin-top: 6px;
	height: auto;
	width: 100%;
	padding: 0px 0px 0px 3px;
	background: #f2f8fe;
	color: #32587d;
	text-align: left;
	font-family: Arial, sans-serif;
	font-size: 11px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-shadow: 0px 1px 1px #FFF;
}
.eventstats {
	border: 1px solid #d4c09d;
	height: auto;
	width: 100%;
	margin-top:0px;
	padding: 0px 0px 0px 3px;
	background: #ffe8c1;
	text-align: left;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #7d6843;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-shadow: 0px 1px 1px #FFF;
}
.myguests {
	border: 1px solid #cadac5;
	height: auto;
	margin-top:2px;
	margin-bottom: 5px;
	width: 100%;
	padding: 0px 0px 0px 3px;
	background: #f5fef2;
	text-align: left;
	font-family: Arial, sans-serif;
	font-size: 11px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-shadow: 0px 1px 1px #FFF;
}

.mygroups {
	border: 1px solid #c1d7ec;
	margin-top: 4px;
	margin-bottom: 5px;
	height: auto;
	width: 100%;
	padding: 0px 0px 0px 3px;
	background: #f2f8fe;
	color: #32587d;
	text-align: left;
	font-family: Arial, sans-serif;
	font-size: 11px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-shadow: 0px 1px 1px #FFF;
}



.emailguests {
	border: 1px solid #cadac5;
	height: auto;
	margin-top:9px;
	width: 100%;
	padding: 0px 0px 0px 3px;
	background: #f5fef2;
	text-align: left;
	font-family: Arial, sans-serif;
	font-size: 11px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-shadow: 0px 1px 1px #FFF;
}
.stats {
	height: auto;
	width: 45px;
	margin-top:0px;
	padding: 0px 0px 0px 3px;
	text-align:inherit;
	text-align: left;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #666666;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-shadow: 0px 1px 1px #FFF;
}
.remove {
	border: 1px solid #a25965;
	height: auto;
	margin-top:9px;
	width: 100%;
	padding: 0px 0px 0px 3px;
	background: #ffc4c4;
	text-align: left;
	font-family: Arial, sans-serif;
	font-size: 11px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-shadow: 0px 1px 1px #FFF;
	color:#76444c;
}
.notification_error {
	border: 1px solid #a25965;
	height: auto;
	width: 101%;
	margin: -1px 0px 0px -4px;
	padding: 0px 0px 0px 3px;
	background: #ffc4c4;
	color:#76444c;
	text-align: left;
	font-family: Arial, sans-serif;
	font-size: 11px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.noteok {
	border: 1px solid #c1d7ec;
	height: auto;
	width: 180px;
	margin: -1px 0px 0px 1px;
	padding: 0px 0px 0px 3px;
	background: #f2f8fe;
	color: #32587d;
	text-align: left;
	font-family: Arial, sans-serif;
	font-size: 11px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

/*Main Table Styling ////////////////////////////////////////////////*/

#tablecontainer {
	width:100%;
	height:auto;
}
#tablecontainer .img {
	background: transparent;
	margin-top:3px;
}

/*My events Table Styling ////////////////////////////////////////////////*/

#table1 {
	border: 0px solid #CCCCCC;
	font-family: Arial, sans-serif;
	font-size: 10px;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	width: 100%;
	CURSOR: default;
	margin-top: 4px;
	margin-left:3px
}
#table1 th {
	TEXT-ALIGN: left;
	PADDING: 0px 0 4px 3px;
	margin-left: 2px;
	BORDER-BOTTOM: 1px solid #dbdbdb;
	BORDER-TOP: 1px solid #dbdbdb;
	BORDER-right: 0px solid #979799;
	font-size:10px;
	color: #555555;
	text-shadow: 0px 1px 1px #FFF;
	;
	CURSOR: pointer;
}
#table1 tr td {
	padding: 2px 4px;
	border-right: 0px solid #FFF;
	border-top: 0px solid #fff;
	border-bottom: 1px solid #FFF;
}

#table1 tbody tr.odd td {
	background-color:#f6fbff;
	border-top: 1px solid #cfe0f0;
	border-bottom: 1px solid #cfe0f0;

}

#table3 {
	border: 0px solid #CCCCCC;
	font-family: Arial, sans-serif;
	font-size: 10px;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	width: 100%;
	CURSOR: default;
	margin-top: 4px;
	margin-left:3px
}
#table3 th {
	TEXT-ALIGN: left;
	PADDING: 0px 0 4px 3px;
	margin-left: 2px;
	BORDER-BOTTOM: 1px solid #dbdbdb;
	BORDER-TOP: 1px solid #dbdbdb;
	BORDER-right: 0px solid #979799;
	font-size:10px;
	color: #555555;
	text-shadow: 0px 1px 1px #FFF;
	;
	CURSOR: pointer;
}
#table3 tr td {
	padding: 2px 4px;
	border-right: 0px solid #FFF;
	border-top: 0px solid #fff;
	border-bottom: 1px solid #FFF;
}

#table3 tbody tr.odd td {
	background-color:#f6fbff;
	border-top: 1px solid #cfe0f0;
	border-bottom: 1px solid #cfe0f0;

}



/*My guests Table Styling ////////////////////////////////////////////////*/

#table2 {
	border: 0px solid #CCCCCC;
	font-family: Arial, sans-serif;
	font-size: 10px;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	width: 100%;
	CURSOR: default;
	margin-top: 4px;
	margin-left:3px
}
#table2 th {
	TEXT-ALIGN: left;
	PADDING: 0px 0 4px 3px;
	margin-left: 2px;
	BORDER-BOTTOM: 1px solid #dbdbdb;
	BORDER-TOP: 1px solid #dbdbdb;
	BORDER-right: 0px solid #979799;
	font-size:10px;
	color: #555555;
	text-shadow: 0px 1px 1px #FFF;
	;
	CURSOR: pointer;
}
#table2 tr td {
	padding: 2px 4px;
	border-right: 1px solid #FFF;
	border-top: 0px solid #fff;
	border-bottom: 1px solid #FFF;
}

#table2 tbody tr.odd td {
	background-color:#f5fef2;
	border-top: 1px solid #cadac5;
	border-bottom: 1px solid #cadac5;

}






/* Index menu span styling ////////////////////////////////////////////////*/
.menu {
	float:right;
	font-size:11px;
	margin-right:34px;
	text-decoration: none;
	color:#333333;
}
.menu a {
	text-shadow: 0px 1px 1px #FFF;
	text-decoration: none;
	color:#333333;
}
.menu a:hover {
	text-shadow: 0px 1px 1px #FFF;
	text-decoration: none;
	color:#666666;
}
/* Admin menu span styling ////////////////////////////////////////////////*/

.adminmenu {
	float:right;
	font-size:11px;
	text-decoration: none;
	color:#333333;
}
.adminmenu a {
	text-shadow: 0px 1px 1px #FFF;
	text-decoration: none;
	color:#333333;
}
.adminmenu a:hover {
	text-shadow: 0px 1px 1px #FFF;
	text-decoration: none;
	color:#666666;
}


/* JQuery table search styling ////////////////////////////////////////////////*/


.jsearch-input {
	width:222px;
	height:15px;
	margin-left: 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding:1px 0px 2px 0px;
	color:#666;
	font-size: 11px;
}

.jsearch-dropdown {
	width:120px;
	height:19px;
	margin-left: 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding:1px 0px 2px 0px;
	color:#666;
	font-size: 11px;
}

.jsearch-button {
	width:60px;
	height:20px;
	margin-left: 4px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding:0px 0 8px 0px;
	cursor:pointer;
	color:#666;
	font-size: 10px;
	}
.jsearch-submit-button {
	width: auto;
	height:24px;
	float:right;
	margin-right: -40px;
	background: #f2f8fe;
	border: 1px solid #aac4dc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding:0px 0 2px 0px;
	cursor:pointer;
	color: #32587d;
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-shadow: 0px 1px 1px #FFF;
	}

.emailblast {
	width: auto;
	height:20px;
	margin-left:20px;
	margin-right: -35px;
	float:right;
	background: #f5fef2;
	border: 1px solid #cadac5;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding:0px 0 2px 0px;
	cursor:pointer;
	color: #4a5845;
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-shadow: 0px 1px 1px #FFF;
	}
	
a:link, a:visited {
  color: #8D8D8D;
  text-decoration: none;
  }
a:hover, a:active {
  color: #565656;
  text-decoration: underline;
  }
  
.color
 {
	color:#7F8AC5;
}
