@import 'grid.css';

body {
	font-family: Arial, helvetica, sans-serif;
	background: #f2f2f2 url('../../images/public/bg.gif') repeat-y top center;
	margin: 0;
	padding: 0;
	font-size:13px;
}

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

#overall-wrapper
{
	background:#fff;
	width:975px;
	margin:0 auto;
	min-height:685px;
	height:auto !important;
	height:685px;
}

/*	----------------------------------------------------------------------------
	header
	--------------------------------------------------------------------------*/

#header
{
	height:116px;
	max-height:116px;
	clear:both;
	position:relative;
	border-bottom:5px solid #231f20;
	margin:0 auto;
	margin-bottom:19px;
	padding-top:16px;
}

#header .logo
{
	float:left;
	width:100px;
}

#header .links
{
	float:right;
	width:800px;
	text-align:right;
	margin-left:10px;
}

#header .links .member-menu
{
	float:right;
}

#header .links .member-menu ul
{
	list-style:none;
}

#header .links .member-menu ul li
{
	list-style-type:none;
	float:left;
	display:block;
	text-transform:uppercase;
	font-size:12px;
	color:#918f8f;
	margin-left:25px;
	/*padding-bottom:5px;*/
	height:23px;
	cursor:pointer;
	border-bottom:2px solid #fff;
}

#header .links .member-menu ul li a
{
	color:#918f8f;
	text-decoration:none;
	display:block;
	height:100%;
}

#header .links .member-menu ul li.active, #header .links .member-menu ul li.mouseover
{
	border-bottom:2px solid #8dc63f;
}

#header .links .member-menu ul li.default
{
	border-bottom:2px solid #fff;
	cursor:default;
}

#header .links .site-menu
{
	float:right;
	margin-top:44px;
}

#header .links .site-menu ul
{
	list-style:none;
}

#header .links .site-menu ul li
{
	list-style-type:none;
	float:left;
	display:block;
	text-transform:uppercase;
	font-size:15px;
	color:#231f20;
	margin-left:35px;
	/*padding-bottom:19px;*/
	height:42px;
	cursor:pointer;
}

#header .links .site-menu ul li a
{
	color:#231f20;
	text-decoration:none;
	display:block;
	height:100%;
}

#header .links .site-menu ul li.active, #header .links .site-menu ul li.mouseover
{
	border-bottom:5px solid #8dc63f;
}

/*	----------------------------------------------------------------------------
	content
	--------------------------------------------------------------------------*/

#content
{
	min-height:500px;
	height:auto !important;
	height:500px;
	color:#000;
	clear:both;
	/*overflow:hidden;*/
	margin-bottom:20px;
}

#content table td, #content table th
{
	background: none repeat scroll 0 0 #fff;
}

#content table td
{
	text-align:left;
}

#content .main-banner
{
	margin-bottom:19px;
}

#content .content-wrapper
{
	clear:both;
	position:relative;
}

#content .content-wrapper h1
{
	font-size:21px;
	color:#8dc63f;
	text-transform:uppercase;
}

#content .content-wrapper h2
{
	font-size:20px;
	color:#000;
}

#content .content-wrapper p
{
	font-size:13px;
}

#content .content-wrapper #searchForm input[type=image]
{
	float:right;
}

#content .content-wrapper #searchForm input[type=text]
{
	float:left;
	width:315px;
	height:27px;
	line-height:27px;
	font-size:13px;
}

#content .content-wrapper .main-content
{
	float:left;
	width:63%; 
	margin-left:3%;
	padding-right:3%;
	border-right: 3px solid #000;
}

#content .content-wrapper .right-navigation
{
	float:left;
	width:30.5%; 
	min-height:300px;
	height:auto !important;
	height:300px;
}

#content .content-wrapper .right-navigation ul
{
	width:100%;
	list-style:none;
}

#content .content-wrapper .right-navigation ul li
{
	list-style-type:none;
	display:block;
	text-transform:uppercase;
	font-size:13px;
	color:#000;
	margin:0;
	line-height:39px;
	padding:0 0 0 22px;
	border-top:1px solid #e5e5e5;
	/*margin-left:35px;
	padding-bottom:19px;*/
	cursor:pointer;
}

#content .content-wrapper .right-navigation ul li.last
{
	border-bottom:1px solid #e5e5e5;
}

#content .content-wrapper .right-navigation ul li.active, #content .content-wrapper .right-navigation ul li.mouseover
{
	background:#f2f2f2 url('../../images/public/rightnav-active.gif') repeat-y top left;
}

#content .content-wrapper .right-navigation ul li a
{
	color:#000;
	display:block;
	text-decoration:none;
}

#content .content-wrapper .news-item span
{
	display:block;
}

#content .content-wrapper .news-item
{
	margin:10px 0;
	border-left:5px solid #8dc63f;
	padding-left:10px;
}

#content .content-wrapper .news-item-author
{
	color:#7b7b7b;
}

#content .content-wrapper .news-items-separator
{
	height:1px;
	max-height:1px;
	border-bottom:1px solid #e5e5e5;
}

#loginForm label
{
	padding:10px 0;
}

#loginForm input[type=text], #loginForm input[type=password]
{
	width:250px;
	height:30px;
	line-height:30px;
}

#dataform fieldset
{
	border:2px groove #F7F7F8;
	-moz-border-radius: 5px; 
	border-radius: 5px;
	padding:1%;
	width:60%;
	margin-bottom:20px;
}

#dataform fieldset > legend
{
	padding:0 10px;
}

#dataform label.left
{
	width:30%;
}

#dataform input[type=text], #dataform input[type=password], #dataform input[type=file], #dataform select
{
	width:250px;
	height:25px;
	line-height:25px;
	margin-bottom:5px;
}

#file-upload-helper-content ul {
	list-style:none;
	padding:0;
	margin:0;
}

#file-upload-helper-content ul li {
	list-style-type:none;
	float:left;
	width:20%;
	margin:0;
}

/* events calendar */
.calendar { border-collapse: collapse;}
.calendar tbody tr:first-child th { color: #505050; padding: 0 0 10px 0;}

.day_header { font-weight: normal; text-align: center; color: #757575; font-size: 10px; }

.calendar a.next { background: url('../../images/public/next.gif') no-repeat top left; display: block; width: 23px; height: 23px; text-indent: -999em; float: right;}
.calendar a.prev { background: url('../../images/public/prev.gif') no-repeat top left; display: block; width: 23px; height: 23px; text-indent: -999em; float: left;}

.calendar tr th { background:#fff; }
.calendar tr td { width: 124px!important; border:1px solid #CCC; height: 100px; vertical-align: top; font-size: 10px; padding: 0; background:#fff; }
.calendar tr td:hover { background: #F3F3F3;}
.calendar tr td div.event { width: 80px; font-weight: bold; margin: 2px 0 0 0; display: block; padding: 0px 5px; height: 18px; position: relative; background: #8dc63f;}
.calendar tr td div.event a { display: block; height: 17px; color: #fff; text-decoration: none; font-weight: normal; overflow: hidden; padding-top: 1px;}
.calendar tr td div.event.middle { display: block; width: 90px; width: 119px; padding: 0 0 0 5px;}
.calendar tr td div.event.single { -moz-border-radius: 3px; border-radius: 3px; margin: 2px 2px 0 2px; width: 110px; behavior: url('http://www.ukmusic.org/css/public/PIE_uncompressed.htc');}
.calendar tr td div.event.start { border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; margin: 2px 0 0 2px; width: 112px; behavior: url('http://www.ukmusic.org/css/public/PIE_uncompressed.htc');}
.calendar tr td div.event.end { border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; display: block; width: 90px; margin: 2px 2px 0 0; width: 112px; behavior: url('http://www.ukmusic.org/css/public/PIE_uncompressed.htc');}

.calendar tr td div.event.mtop_0 { }
.calendar tr td div.event.mtop_1 { margin-top: 22px;}
.calendar tr td div.event.mtop_2 { margin-top: 42px;}
.calendar tr td div.event.mtop_3 { margin-top: 62px;}
.calendar tr td div.event.mtop_4 { margin-top: 82px;}
.calendar tr td div.event.mtop_5 { margin-top: 102px;}
.calendar tr td div.event.mtop_6 { margin-top: 122px;}

.calendar tr td .event .event_desc { display: none; position: absolute; background: #fff; border: #a9c3e8 solid 1px; border-radius: 7px; -moz-border-radius: 7px; font-weight: normal; padding: 8px 10px; -moz-box-shadow: 4px 4px 4px #555; -webkit-box-shadow: 4px 4px 4px #555; box-shadow: 4px 4px 4px #555; z-index: 200!important; width: 200px; font-size: 11px; top: 20px; opacity: 0; behavior: url('/css/public/PIE_uncompressed.htc'); text-align:left; }
.calendar tr td div.event_desc p { margin-bottom: 0; line-height: 16px;}
.calendar tr td div.event_desc p strong { font-size: 12px; display: block; margin-bottom: 3px;}
.calendar tr td div.event_desc p a { color: #8dc63f; font-weight: bold; display: block; margin-top: 3px;}
.calendar tr td div.event_desc p a:hover { color: #87ad54;}
.calendar tr td div.event_desc .arrow { background: url('../../images/public/arrow.png') no-repeat top left; width: 20px; height: 12px; position: absolute; top: -12px; left: 20px;}

.day_listing { display: block; text-align: right; font-size: 12px; color: #2C2C2C; padding: 5px 5px 3px 0;}
div.today { background: #E9EFF7; height: 100%; }

.calendar td div.event.ext { background: #f4f4f4; height: 16px;}
.calendar td div.event.ext a { color: #000}
.calendar td div.event.ext.middle { border-top: #ccc solid 1px; border-bottom: #ccc solid 1px;}
.calendar td div.event.ext.single { border: #ccc solid 1px; width: 108px;}
.calendar td div.event.ext.start { border-left: #ccc solid 1px; border-top: #ccc solid 1px; border-bottom: #ccc solid 1px; width: 111px;}
.calendar td div.event.ext.end { border-right: #ccc solid 1px; border-top: #ccc solid 1px; border-bottom: #ccc solid 1px; width: 111px;}

#footer
{
	min-height:20px;
	height:auto !important;
	height:20px;
	padding:18px 0;
	clear:both;
}

.rnd {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.rnd2 {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.fifty { width:50%; }
.forty { width:40%; }
.thirty { width:30%; }
.twenty { width:20%; }
.forty-five { width:45%; }

.padded-sides-10
{
	padding:auto 5%;
}

.red					{ color:#900; }
.green					{ color:#090; }
.error					{ display:inline; color:#2B5481; font-size:90%; }
.comment				{ color:#999; font-size:85%; }
.grey					{ color:#AAA; }

form .large				{ width:95%; padding:3px; }
form .medium			{ width:75%; padding:3px; }
form .small				{ width:50%; padding:3px; }
form .xsmall			{ width:25%; padding:3px; }

/* Messages */
#error					{ width:61%; overflow:hidden; margin-bottom:10px; border:solid 1px #4977AA; background:#C5E7F3 url("../../images/manager/message-error-hide.gif") no-repeat 99% 55%; padding:5px; color:#2B5481; cursor:pointer; }
#success				{ width:61%; overflow:hidden; margin-bottom:10px; border:solid 1px #547429; background:#DAF4BF url("../../images/manager/message-success-hide.gif") no-repeat 99% 55%; padding:5px; color:#234F0B; cursor:pointer; }
#error img, #success img 	{ display:inline; }

/*	----------------------------------------------------------------------------
	footer
	--------------------------------------------------------------------------*/
.footer {
	border-top:2px solid #918f8f;
	padding:20px auto;
	width:100%;
}
.footer a {
	text-transform: uppercase;
}
.footer .left {
	width: 50%;
}
.footer .right {
	width: 50%;
}
.footer ul, .footer ul a {
	font-size: 11px;
	color: #9f9d9e;
}
.footer li {
	margin: 0;
	list-style: none;
	padding-left: 10px;
}
.footer .left li {
	float: left;
}
.footer .right li {
	float: right;
	padding-left: 0;
	padding-right: 10px;
}
.footer .copyright {
	float: none;
}
.footer .designby, .footer .copyright {
	clear: both;
}
.footer .designby, .footer .designby a {

}
.footer .designby {
	text-align: right;
}