body {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-y;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
a {
	color: #0099FF;
}
#header {
	background-image: url(../images/header-background.jpg);
	background-repeat: repeat-x;
	height: 132px;
	margin:0;

}
#header h1 {
	font-size: 15px;
	color: #AAAAAA;
	margin:0px 0px 0px 0px;
	float:left;
	padding:0;
}

#header ul#controls {
	list-style:none;
	float:right;
	display:inline;
	padding:50px 0px 0px;
	margin:0px;
}
#header ul#controls li{
	display:inline;
	margin: 0px 10px 0px 3px;
}
#header ul#controls li a{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	background-image: url(../images/a-control-background.jpg);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 0px 6px;
}
#header ul#controls li a:hover{
	color:#33CCFF;
}
#header ul#main-navigation {
	list-style:none;
	float:right;
	display:inline;
	padding: 0px 8px;
	margin-top: 45px; /* 50px */
	margin-right: 20px;
	background: #FFFFFF;
	border: solid 1px #999999;
}
#header ul#main-navigation li {
	display:inline;
	margin: 0px;
}
#header ul#main-navigation li a{
	background-repeat: no-repeat;
	padding-left: 20px;
	color: #999999;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
}

#header ul#main-navigation li a:hover{
	color: #666666;
}
#header ul#main-navigation li a#webadmin {
	background-image: url(../images/a-websiteadmin-background.jpg);
}#header ul#main-navigation li a#useradmin {
	background-image: url(../images/a-useradmin-background.jpg);
}#header ul#main-navigation li a#help {
	background-image: url(../images/help.jpg);
}
#header ul#main-navigation li a#logout {
	background-image: url(../images/logout.jpg);
}
#header ul#main-navigation li a#members {
	background-image: url(../images/members.jpg);
}
#header ul#main-navigation li a#home {
	background-image: url(../images/home.jpg);
}

#content {
	padding:15px;
}
#content #sub-nav {
	width: 148px;
	padding: 3px 0px 3px 6px;
	float:left;
}
#content #sub-nav h2{
	font-size: 12px;
	padding-left:20px;
	padding-right: 5px;
	margin-bottom: 6px;
	color: #2F4D73;
	background-repeat: no-repeat;
	text-align:right;
	float:right;
	width: 80%;
	
}
#content #sub-nav h2 span {
	display:block;
	font-size:10px;
	font-weight:normal;
}
#content #sub-nav h2#chamber{
	background-image: url(../images/h2-chamber-background.jpg);
}
#content #sub-nav h2#websiteadmin{
	background-image: url(../images/h2-webadmin-background.jpg);
}
#content #sub-nav p {
	margin:0;
}
#content #sub-nav input {
	width: 90%;
	float:right;
	clear:both;
	margin: 5px 5px 8px 5px;
}
#content #sub-nav ul {
	margin:0px;
	clear:both;
	text-align:right;
	padding: 0px;
	list-style:none;

}
#content #sub-nav ul li{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	padding: 6px 9px 4px 2px;

}
#content #sub-nav ul li.title{padding-right: 6px;color: #404040;font-weight: bold;font-size: 14px;background: #D6D6D6;/*border-right: dotted 1px #333333;*/}
#content #sub-nav ul li a{
	width:100%;
	display:block;
	font-size: 11px;
	color: #333333;
	text-decoration: none;

}
#content #sub-nav ul li a:hover{
	width:100%;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #333333;
}
#content #sub-nav ul li a#on{
	width:100%;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #333333;
}
#content #page {
	padding: 0 39px;
	float:left;
	width:68%;
}
#content #page p {
	font-size:0.8em;

}


#content #page h3 {
	font-size: 1.4em;
	color: #000000; /*#2F4D73*/
}
#content #page label, h4 {
	display:block;
	font-size:0.9em;
	padding-bottom: 4px;
	font-weight: bold;
	color: #000000;
}

#content #page h4 {
	border-bottom:1px dotted #CCCCCC;
}
#content #page label span {
	font-size:0.9em;
	display:inline;
}
#content #page p textarea{
	width:625px;
	height:300px;

}
#content #page ul {
	list-style:none;
	padding: 10px 6px;
	margin-left:5px;
}

#content #page ul li {
	padding-bottom:11px;
	padding-top: 0px;
	font-size: 0.8em;
	color: #666666
}
#content #page ul li a {
	font-size: 14px;
	font-weight:bold;
	color: #004080;
	text-decoration: none;
	background-image: url(../images/a-page-background.jpg);
	background-repeat:no-repeat;
	padding-left: 19px;
}
#content #page ul li a:hover {
	color: #30A5FC;
	text-decoration: underline;
}
#content #page ul li ul li {
	padding: 9px 5px 5px;
}
#content #page .user li a {
	background-image: url(../images/edit-user-a-background.jpg);

}

#content #page ul li ul li a{

	font-size: 11px;
	font-weight:bold;
	color: #30A5FC;
	text-decoration: underline;
	background-image: url(../images/a-subpage-background.jpg);
	background-repeat:no-repeat;
	padding-left: 19px;

}
#content #page #page-info, #content #page #member-control {
	border: 1px solid #CCCCCC;
	display:block;
	padding:9px;
	background-color: #FFFFD5;
}
#content #page #member-control ul{
	list-style:none;
	padding-left: 5px;
	display:inline;
}


#content #page #page-info ul {
	list-style:none;
	padding-left: 20px;
	display:inline;
}
#content #page #page-info p, #content #page #member-control p  {
	font-size:0.7em;
	display:inline;
}
#content #page #page-info ul li, #content #page #member-control ul li{
	display: inline;
	padding-left: 5px;
	padding-right: 9px;
}
#content #page #page-info ul li a, #content #page #member-control ul li a {
	background-repeat:no-repeat;
	text-decoration:none;
	font-size:0.7em;
	padding: 2px 0 10px 22px;
}
#content #page #page-info ul li a#text-control{
	background-image: url(../images/page-text-background.jpg);
}
#content #page #page-info ul li a#image-control{
	background-image: url(../images/page-image-background.jpg);
}
#content #page #page-info ul li a#file-control{
	background-image: url(../images/page-files-background.jpg);
}
#content #page #page-info ul li a#calendar-control{
	background-image: url(../images/calandar-background.jpg);
}	
#content #page #member-control ul li a#user-deactivate{
	background-image: url(../images/user_delete.jpg);
}#content #page #member-control ul li a#user_activate{
	background-image: url(../images/user_activate.jpg);
}

#content #page #page-info ul li a#control_back {background-image: url(../images/back.jpg);}
#content #page #page-info ul li a#control_add {background-image: url(../images/add.jpg);}
#content #page #page-info ul li a#control_delete {background-image: url(../images/delete.jpg);}

#content #page hr {margin: 15px 0px 10px;padding: 0px;position: relative;width: auto/*625px*/;height: 2px;background: #EEEEEE;border: none;}

#content #page  p a span {
color:#666666;
font-size: 0.9em;
font-weight: bold;
}
.image p, .news-image p {
	height: 197px;
	width:  221px;
	border: 1px solid #D3D3D3;
	
}
.image {
	display:inline;
	float:left;
	width:  241px;
	border-right: 1px solid #D3D3D3;
}
.news-image {
	display:block;
	float:left;
	width:  241px;
	float:none;	
}
.image p a, .news-image p a {
	height: 197px;
	width:  221px;
	display:block;
	text-align:center;
	text-decoration:none;
	background-color:#F5F5F5;
}
.image p a:hover, .news-image p a:hover {
	background-color: #FFFFD5;
	text-decoration:none;
}

.image p a span, .news-image p a span {
	display:block;
	background-image: url(../images/rem-image-background.jpg);
	padding-left: 19px;
	font-size: 0.6em;
	margin-left: 10px;
	height:17px;
	text-align:left;
	background-repeat: no-repeat;
}
.image p a img, .news-image p a img{ 
	margin:7px;
	border: 1px solid #D3D3D3;
}
#file-img-control {
	width: 280px;
	display:inline;
	float:left;
	margin-left: 12px;
	padding:0px 9px;
	
}

.file p {
	height: 47px;
	width:  221px;
	border: 1px solid #D3D3D3;
	padding: 5px;	
}

.file p a {
	height: 47px;
	width:  221px;
	display:block;
	text-decoration:none;
	background-color:#F5F5F5;
}
.file p a:hover {
	background-color: #FFFFD5;
	text-decoration:none;
}

.file p a span {
	display:block;
	background-image: url(../images/rem-file-background.jpg);
	padding-left: 19px;
	font-size: 0.6em;
	margin-top:6px;
	height:17px;
	text-align:left;
	background-repeat: no-repeat;
}
.file {
	display:inline;
	float:left;
	width:  241px;
	border-right: 1px solid #D3D3D3;
}
#page p#bread-crumb {
	margin:2px 2px 7px 2px;
	padding:0px;
	font-size: 10px;
}
#bread-crumb a {
	color: #0099FF;
}
.error-input {
	border: 1px #FF0000 solid;
	
}


.note{
	border: 1px solid #EBEBEB;
	padding: 5px 19px 10px 25px;
	background-color: #FBFDFF;
	background-image: url(../images/note-background.jpg);
	background-repeat: no-repeat;
	background-position: 3px 9px;
	line-height:22px;
	margin-top:22px;
	font-size:11px!important;
}


#content #page .month h3 {
	border-bottom: 1px dashed #999999;
	color:#ABD114;
}
#content #page .month .day h4  {
margin-bottom:3px;
}	
#content #page .month .day p {
margin-top:3px;	
}
.month .day p a {
	font-size:0.9em;
	color:#0099FF;
	text-decoration:none;
}
.month .day p a:hover {
	color:#FF6600;
}

#results {
	width: 200px;
	margin:20px 0px 20px 5px;
	font-size:13px;
	float:right;
	padding:0px 2px;
	display:inline;
	border: 2px solid  #FFCC00;
}#results  h4{
	text-align: center;
	color: #3366CC;
}
#robot  h2{
	font-size:11px;
}
#content #page #robot  {

	margin:5px 0px 20px 5px;
	font-size:11px;
	float:right;
	display:inline;
	
}
#content #page #robot p {
	border: 1px solid #E5E5E5;
	padding:10px;
	display:block;
	width: 480px;
	background: #FEFEFA;
}content #page .recent{ width: 300px;
	float:left;
	display:inline;
	margin:10px 20px ;
}
#content #page .recent p {
	border-bottom:1px dashed #CCCCCC;
	padding-bottom:5px;
}
#content #page .recent dl {
	overflow: visible;
	border:none;
}
#content #page .recent dl dt {
	color:#666666;
	font-size:11px;
	width:50px;
	padding:10px 10px 5px 5px;
	margin-bottom:10px;	
} 
#content #page .recent dl dd  {
width:220px;
margin-bottom:10px;
}
#content #page .recent dl dd a, #content #page .recent ul li a   {
	color:#0099FF;
	font-weight:normal;
	display:block;
	width:100%;
	background-image:none;
	text-decoration:none;
}
#content #page .recent dl dd a:hover, #content #page .recent ul li a:hover {
	color:#FF0000;
}
#content #page .recent dl dd a span, #content #page .recent ul li a span  {
display:block;
color:#B1D363;
	
	font-size:10px;
}
 #content #page .recent ul,  #content #page .recent ul li, #content #page .recent ul li a{ 
 	margin-left:0px;
	padding-left:4px;
 }/* User search box */

#content #page p#member-search {

	background: #FFFFE1 url(../images/user_search.jpg) 8px 19px no-repeat;

	border: 1px solid #CCCCCC;
	padding:15px 5px;
}#content #page #member-search input{
	border: 1px solid #CCCCCC;
	padding:5px;
	margin-left:25px;
}
#content #page div.autocomplete {
     position:absolute;
     width:350px;
     background-color:white;
     border:1px solid #888;
     margin:0px;
     padding:0px;
}
#content #page div.autocomplete ul, #content #page div.last_twenty ul  {
    list-style-type:none;
    margin:0px;
    padding:0px;
 }
#content #page div.autocomplete ul li.selected, #content #page div.last_twenty ul li.selected { background-color: #ffb;}
#content #page div.autocomplete ul li,  #content #page div.last_twenty ul li  {
    list-style-type:none;
    display:block;
    margin:0 0 4px;
    padding:2px  2px 5px;
	font-family:Arial, Helvetica, sans-serif;
    height:auto;
    cursor:pointer;
	z-index:20;
}
#content #page div.last_twenty ul li  {
   margin:0 5px 9px;
   display:inline;
   width: 230px;
   min-height:50px;
   float:left;
}
#content #page div.autocomplete ul li a, #content #page div.last_twenty ul li a  {
	
	text-decoration:none;
  	color:#003366;
	font-size:12px;
	display:block;
	background:url(../images/user_edit.gif) no-repeat;
}
#content #page div.autocomplete ul li a span, #content #page div.last_twenty ul li a span{
	font-size:10px;
	color:#333333;
	display:block;
	text-decoration:none;
}
#content #page div.autocomplete ul li  a span span, #content #page div.last_twenty ul li a span span{
	clear:left;
	color:#999999;
	text-decoration:none;
    display:block;
}
#content #page dl {
	font-size: 0.9em;
	border-top: 1px dashed #CCCCCC;
	border-bottom: 1px dashed #CCCCCC;
	overflow:auto;
}
#content #page dl dt {
	float:left;	
	text-align:right;
	position: relative;
	clear:left;
	width:140px;
	
	margin:0px;
	color: #999999;
	padding:5px;

}

#content #page dl dd {
	width:400px;
	display:block;
	padding:5px;
	margin:0px;
	float:left;
}.member-inactive {
	color:#FF0000!important;
}
fieldset {
border:none;
	border-top: 1px dashed #CCCCCC;
}

ul#message_box {margin: 0px 0px 20px !important;padding: 0px;position: relative;width: auto;height: auto;border: solid 1px #CCCCCC;}
ul#message_box li {margin: 0px;padding: 0px;position: relative;width: auto;height: auto;list-style: none;}
ul#message_box li span.error {margin: 0px;padding: 0px 0px 0px 23px;position: relative;display: block;width: auto;height: auto;font-weight: bold;color: #CC0000;background: url('../images/error.jpg') no-repeat 3px 2px;}
ul#message_box li span.success {margin: 0px;padding: 0px 0px 0px 23px;position: relative;display: block;width: auto;height: auto;font-weight: bold;color: #0066FF;background: url('../images/success.jpg') no-repeat 3px 2px;}

.error, span.error, label.error {font-weight: bold;color: #CC0000 !important;}
.success, span.success, label.success {font-weight: bold;color: #0066FF !important;}

#image_box_main_product {margin: 0px;padding: 0px;position: absolute;right: 0px;top: 100px;width: 190px;height: auto;}
#image_box_main_product p {margin: 0px 0px 4px;padding: 0px;position: relative;font-size: 12px !important;font-weight: bold;}
#image_box_main_product div {margin: 0px;padding: 0px;position: relative;text-align: center;background: #EEEEEE;border: solid 1px #CCCCCC;}
#image_box_main_product div h5 {margin: 5px 0px;padding: 0px;position: relative;}
#image_box_main_product div img {margin: 0px 0px 5px;padding: 0px;position: relative;}

#image_box_avatar {margin: 0px;padding: 10px 0px 5px;position: absolute;right: 0px;top: 0px;width: 120px;height: auto;text-align: center;background: #EEEEEE;border: solid 1px #CCCCCC;}
#image_box_avatar img {margin: 0px 0px 20px;padding: 0px;position: relative;}
#page form #image_box_avatar label {margin: 0px;padding: 0px;position: absolute;left: 10px;bottom: 5px;display: block;width: auto;height: auto;float: none;font-size: 12px;}
#page form #image_box_avatar input {margin: 0px;padding: 0px;position: absolute;right: 10px;bottom: 8px;display: block;width: auto;height: auto;float: none;}

#image_box {margin: 0px;padding: 0px;position: relative;width: 631px;height: auto;overflow: auto;}
#image_box p {margin: 0px 0px 4px;padding: 0px;position: relative;font-size: 12px !important;font-weight: bold;clear: both;}
#image_box div {margin: 0px 5px 5px 0px;padding: 0px;position: relative;width: 150px;height: 221px;text-align: center;background: #EEEEEE;border: solid 1px #CCCCCC;float: left;}
#image_box div h5 {margin: 4px 0px;padding: 0px;position: relative;}
#image_box div img {margin: 0px;padding: 0px;position: relative;}
#page form #image_box div label {margin: 0px;padding: 0px;position: absolute;left: 13px;display: block;width: auto;height: auto;float: none;font-size: 12px;}
#page form #image_box div label.delete {bottom: 5px;}
#page form #image_box div label.display_order {bottom: 28px;}
#page form #image_box div input {margin: 0px;padding: 0px;position: absolute;right: 13px;bottom: 8px;display: block;width: auto;height: auto;float: none;}
#page form #image_box div select {margin: 0px;padding: 0px;position: absolute;right: 13px;bottom: 28px;display: block;width: auto;height: auto;float: none;}

#document_box {margin: 0px;padding: 0px;position: relative;width: 631px;height: auto;overflow: auto;}
#document_box p {margin: 0px 0px 4px;padding: 0px;position: relative;font-size: 12px !important;font-weight: bold;clear: both;}
#document_box p span {margin: 0px;padding: 0px;position: relative;font-weight: normal;color: #CCCCCC;}

ul#members_attending_trip {margin: 0px;padding: 0px;position: absolute;right: 0px;top: 0px;width: 185px;height: auto;border: solid 1px #CCCCCC;background: #EEEEEE;}
ul#members_attending_trip li {margin: 0px !important;padding: 0px !important;position: relative;width: auto;height: auto;}
ul#members_attending_trip li.title {margin: 0px;padding: 0px;position: relative;width: auto;height: auto;font-size: 12px !important;font-weight: bold;color: #000000 !important;text-align: center;}
ul#members_attending_trip li a {margin: 0px !important;padding: 0px 0px 5px !important;position: relative;width: auto;height: auto;font-size: 13px !important;font-weight: normal !important;background: none !important;}
ul#members_attending_trip li a.organiser {font-weight: bold !important;color: #003399 !important;}

ul#recipient_users {margin: -13px 0px 0px !important;padding: 10px 0px 0px 10px !important;position: relative;width: 617px;height: 200px;overflow: auto;border: solid 1px #CCCCCC;background: #FFFFFF;list-style: none;}
ul#recipient_users li {margin: 0px 10px 10px 0px;padding: 0px 0px 0px 20px;position: relative;width: 169px;height: auto;float: left;}
ul#recipient_users li input {margin: 0px;padding: 0px;position: absolute;left: 0px;top: 2px;width: auto;height: auto;}

ul#admin_area_privileges {margin: 0px;padding: 0px;position: relative;width: auto;height: auto;}
ul#admin_area_privileges li {margin: 0px;padding: 0px;position: relative;width: auto;height: 20px;list-style: none;overflow: auto;}
ul#admin_area_privileges li input {margin: 2px 10px 0px 0px;padding: 0px;position: relative;width: auto;height: auto;float: left;}
ul#admin_area_privileges li label {margin: 0px;padding: 0px;position: relative;width: auto;height: auto;float: left;}

.bow {background-color:#DBECF3;}
.show {display:block;}
input.date {
	width: 150px;
	color: #000;
}

.hide {display:none;}

.sort {position:relative;}
.sort span {position:absolute; left: 170px; top:0px;}
.sort span input {width: 150px;}

.new { background: sandybrown; }
.new:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.genre_selector { margin: 0 4px 0 4px; }
.genre_selector > p { width: 150px; display: block; margin: 8px 8px 8px 8px; padding: 5px 0 5px 0; float: left; background: white; }
.genre_selector > p.column1 { clear: both; }
.genre_selector > p span.genre_selector_title { text-decoration: underline; text-align: center; display: block; }
.genre_selector > p span.genre_options { }

#genre_groups li { background: url('../images/sort.png') no-repeat; padding-left: 20px; }
#genre_options li { background: url('../images/sort.png') no-repeat; padding-left: 20px; }

/* Search */
#search_box { display: block; height: 295px; background: #f2f2f4; border: 1px solid #d2d2d4; padding: 15px; }
#search_box_left { float: left; width: 28%; height: 220px; background: white; border: 1px solid #d2d2d4;  }
#search_box_left ul { padding-left: 15px!important; }
#search_box_left ul li { font-size: 14px!important; padding-bottom: 0px!important; color: #d2d2d4; }
#search_box_left ul li input { margin-right: 15px; }
#search_box_right { float: right; width: 70%; height: 220px; background: white; border: 1px solid #d2d2d4; }
#search_box_right p { font-size: 14px!important; margin-left: 20px!important; color: #959698!important; }
#search_box_right ol { padding-left: 45px!important; }
#search_box_right ol li { width: 97%; font-size: 14px!important; padding-bottom: 5px!important; margin-bottom: 5px!important; position: relative; border-bottom: 1px dashed #959698; }
#search_box_right ol li a { background: none!important;  font-size: 14px!important; color: #666666!important; text-decoration: none; }
#search_box_right ol li span.delete_search { position: absolute; right: 20px; }
#search_box_right ol li span.delete_search a { color: red!important; }
#search_box_bottom { background: #231f20 url('../images/search.jpg') no-repeat; margin-top: 15px; clear: both; float: left; width: 100%; height: 50px; }
#search_box_bottom input[name=criteria] { margin-left: 100px; font-size: 22px; margin-top: 5px; padding: 5px; width: 79%; border: 1px solid #d1d1d1; }
#search_box_bottom input[name=submit] { background: url('../images/search_button.jpg') no-repeat; width: 37px; height: 37px; border: 1px solid #d1d1d1; float: right; margin-top: 6px; margin-right: 10px; }
#search_box_bottom input[name=submit]:hover { cursor: pointer; }

#results_area { margin-top: 20px; }
#results_area #results_area_left { float: left;  height: 52px; width: 100px; background: url('../images/results.jpg') no-repeat; }
#results_area #results_area_right { float: right; width: 80%; padding: 5px; background: #f2f2f4; border: 1px solid #d2d2d4; }
#results_area #results_area_right input[name=search_name] { font-size: 22px; padding: 5px; width: 79%; border: 1px solid #d1d1d1; }
#results_area #results_area_right input[name=submit_save] { width: 160px; height: 31px; margin-top: 5px; float: right; background: url('../images/save_results.jpg') no-repeat; border: 1px solid #d1d1d1; }
#results_area #results_area_right input[name=submit_save]:hover { cursor: pointer; }