.modalmsgstyle {
text-align:center;
background-color:#FF0000;
}
span.clearFix {
	width:100%;
	height:0px;
	visibility:hidden;
	clear:both;
	display:block;
	margin:0;
	padding:0;
	font-size:0px;
}
.hidden {
	display:none;
}

/** button stylings **/
div.inner-nav {
	clear:both;
	margin:10px 0;
}
div.inner-nav a, a.button {
	display:inline-block;
	background:url(images/bg-buttons-left.gif) no-repeat;
	text-decoration:none;
	height:21px;
	padding:0 0 0 15px;
	color:#fff;
	font-weight:bold;
	font-size:9pt;
}
div.inner-nav a:hover, a.button:hover {
	color:#333;
}
div.inner-nav a span, a.button span {
	display:block;
	background:url(images/bg-buttons-right.gif) no-repeat right;
	padding:0 15px 0 0;
	line-height:21px;
}
a.button {
	margin:0 10px;
}
.align-left {
	float:left;
}
.align-right {
	float:right;
}

/** text colors assigned to elements in various areas **/
.yellow {
	color:#e8e4a2;
}
.light-blue {
	color:#fff;
}
.blue {
	color:#508db8 !important;
}
.light-grey {
	color:#d7d7d7
}
.white {
	color:#fff;
}
h2.main {
	font-weight:bold;
	font-size:18px;
	color:#373D40;
	padding-bottom:10px;
	border-bottom:1px solid #d3dad1;
	margin-bottom:10px;
}

div#container {
	width:980px;
	position:relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -113px;
}
.push {
	height:120px;
}
div#containerHead{
	width:980px;
	margin: 0 auto -113px;
}


/** HEADER AND NAVIGATION **/
div#header {
	width:980px;
	margin: 0 auto 0px;
}
div#header2 {
	width:980px;
	margin: 0 auto 0px;
}

/** logo, which is a typographical h1 element (you can edit this part if you want to replace with your logo graphic) **/
	div#header h1 {
	font-size:250%;
	text-transform:uppercase;
	letter-spacing:-1px;
	font-weight:bold;
	float:left;
	position:relative;
	top:14px;
	/** mac safari & firefox hack */height:69px;/**/
}
div#header h1 a {
	color:#fff;
	text-decoration:none;
}
div#header h1 a:hover {
	color:#ccc;
}

/** header userbox **/
	p#userbox {
	float:right;
	color:#666666;
	padding:5px 0px 0px 0px;
	margin:0;
}
p#userbox_loggedin {
	float:right;
	color:#666666;
	background:url(images/icon-greet-user.gif) no-repeat 0px 5px;
	padding:5px 0px 0px 18px;
	margin:0;
}
.loginLink {
	float:right;
	display:inline-block;
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

	/** search form **/
	div#header form {
	float:right;
	margin-top:9px;
}
div#header form fieldset legend {
	display:none;
}
div#header form fieldset label#searchbox {
	display:block;
	background:url(images/bg-search.gif) no-repeat;
	height:21px;
	width:246px;
}
div#header form fieldset label#searchbox input {
	background:none;
	border:none;
	outline:none;
	padding:4px 0 0 23px;
	color:#666;
	font-size:0.9em;
}
/** END OF HEADER **/

/** CONTENT **/

div#content {
	padding-top:25px;
	width:100%;
}
/** main heading of the page **/
	div#content-top {
	border-bottom:1px solid #bcbcb7;
	padding-bottom:8px;
	margin-bottom:15px;
}
div#content-top h2 {
	font-size:200%;
	font-weight:bold;
	color:#373d40;
	margin-left:12px;
	float:left;
}
div#content-top a#topLink {
	float:right;
	background:url(images/icon-blue-arrow.gif) no-repeat;
	display:inline-block;
	padding-left:23px;
	text-decoration:none;
	font-weight:bold;
	color:#508db8;
	height:16px;
	margin-top:10px;
	margin-right:12px;
}
div#content-top a#topLink:hover {
	color:#333;
}
.titles {
	text-transform:uppercase;
	font-size:1em;
	font-weight:bold;
	color:#373d40;
}
/** box general settings **/
	div.box {
	margin-bottom:15px;
	width:100%;
}
div.box-container {
	width:620px; display:inline; float:left;
	background-color:#fff;
	padding:10px;
	border: 1px solid #F2EFEC;
	color:#666666;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	/*-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;

	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;*/

}

div.box-container h5 {
color:#666666;
	color:#333;
	padding-left:20px;
	border-bottom:1px solid #d7d9d9;
	font-weight:bold;
	padding-bottom:7px;
	margin-bottom:1px;
	padding-top: 1px;
}
div.box-container h5 span {
	font-weight:normal;
	font-size:0.9em;
}
div.box-container_right{
color:#666666;
width:300px; display:inline; float:right;
	background-color:#fff;
	padding:10px;
	border: 1px solid #F2EFEC;

}
div.box-container_right h5 {
	color:#333;
	padding-left:20px;
	border-bottom:1px solid #d7d9d9;
	font-weight:bold;
	padding-bottom:7px;
	margin-bottom:1px;
	padding-top: 1px;
}
div.box-container_right h5 span {
	font-weight:normal;
	font-size:0.9em;
	}
div.box h4 {
 background:#CCCCCC;
	text-transform:uppercase;
	font-weight:bold;
	padding:10px;
}
/** columns **/
	div#left-col, div#mid-col {
	float:left;
	margin-right:12px;
}
div#left-col-page {
	float:left;
	width:740px;
}
.even-messages {
	padding:10px;
	background:#FDFDFD;
	margin-bottom:10px;
}
.even-messages a {
	color:#373D40;
}
div#mid-col {
	width:510px;
}
div#mid-col-left {
	width:510px;
}
div#right-col {
	margin-right:0px;
	float:right;
	display:inline;
}
div#left-col, l {
	width:368px;
}
div#left-col-menu {
	width:220px;
	float:left;
	margin-right:12px;
}
div#right-col {
	width:220px;
}
div.full-col {
	width:740px !important;
	margin-right:0px !important;
}
/** list links **/
	ul.list-links, div#to-do-list ul, div#service-list ul {
	width:220px;
	margin-left:-10px;
	margin-top:-5px;
}
ul.list-links li {
	border-bottom:1px dotted #d6d8d9;
}
ul.list-links li a {
	padding:8px 3px 6px 20px;
	display:block;
	background:url(images/link-arrow-regular.gif) no-repeat 10px 10px #fff;
	color:#4D483C;
	text-decoration:none;
}
ul.list-links li a:hover, ul.list-links li.selected a:hover {
	background:url(images/link-arrow-hover.gif) no-repeat 10px 10px #fafae9;
	color:#000;
}
ul.list-links li ul {
	background:#fcfbf2 !important;
	padding-left:10px;
	padding-top:10px;
	width:210px;
	font-size:0.9em;
}
ul.list-links li ul li {
	border-bottom:none;
}
ul.list-links li ul li a {
	background:none;
	padding:5px 3px 5px 20px !important;
}
ul.list-links li ul li a:hover {
	background-color:#fcfbf2;
	background-position:8px 10px
}
ul.list-links li a.ui-state-active {
	font-weight:bold;
}
/** system messages **/
	div#sys-messages-container h5 {
	background:url(..images/icon-messages.gif) no-repeat;
	font-size:1.2em;
	color:#4D483C;
	
}
.newTitle{
	font-size:14px;
	color:#4D483C;
	
	text-decoration:none;
}
.newTitle a{
	font-size:14px;
	color:#4D483C;
	font-weight:bold;
	text-decoration:none;
}
.newTitle a:hover{
	font-size:14px;
	color:#FF6600;
	font-weight:bold;
	text-decoration:none;
}
div#quick-send-message-container h5 {
	background:url(..images/icon-quick-send-message.gif) no-repeat;
	   color:#4D483C;

}
div#sys-messages-container ul {
	margin-bottom:0px;
	color:#4D483C;
}
div#sys-messages-container ul li {
   color:#4D483C;
	font-size:1.0em;
	padding:0px;
	position:relative;
}
div#sys-messages-container a{
   color:#4D483C;
}
div#sys-messages-container a:hover{
   color:#4D483C;
}

div#sys-messages-container ul li a.sysmessage-delete {
   color:#4D483C;
	position:absolute;
	right:8px;
	top:3px;
}
div#sys-messages-container ul li a:hover {
	text-decoration:none;
}
div#sys-messages-container ul li.even-messages {
	background:#FDFDFD;
}
div#sys-messages-container ul li.even-messages a {

}
div#sys-messages-container ul li.odd-messages {
	background:#ebf0f3;
}
div#sys-messages-container ul li.odd-messages a {

}

.linkInside{
   color:#<?=$_SESSION['css']['inside_links_col'];?>;
}
.linkInside a{
   color:#<?=$_SESSION['css']['inside_links_col'];?>;
}
.linkInside a:hover{
   color:#<?=$_SESSION['css']['maincolor'];?>;
}


/** quick send message **/
	div#quick-send-message-container form {
	background:#f2f2f2;
	padding:2px;
	font-size:0.9em;
	color:#333;
	margin-bottom:5px;
}
div#quick-send-message-container form fieldset p {
	margin-bottom:6px !important;
}
div#quick-send-message-container form p:first-child {
	margin-top:0px;
}
div#quick-send-message-container form p label {
	font-weight:bold;
	display:block;
	margin-bottom:5px;
}
div#quick-send-message-container form input#message-title, div#quick-send-message-container form textarea {
	padding:5px;
	font-size:0.9em;
	border:1px solid #ccc;
	width:175px;
	font-family:Helvetica, Arial, sans-serif
}


/** to-dos **/

	ul.tab-menu {
	border-bottom:2px solid #3a4043;
	height:27px;
}
ul.tab-menu li {
	float:left;
	margin-right:5px;
}
ul.tab-menu li.tabs-selected a {
	background:#3a4043;
	color:#c4a93d;
	font-weight:bold;
}
ul.tab-menu li a {
	display:inline-block;
	background:#737d81;
	color:#ccc;
	font-weight:normal;
	padding:6px 10px;
	text-transform:uppercase;
	text-decoration:none;
}
.tabs-hide {
	display:none;
}



div#service-list ul {
	margin-top:-5px;
}
div#service-list ul li {
	border-bottom:1px solid #eeeddb;
	padding:2px 2px;
	margin-left:10px;
}
div#service-list ul li.even {
	background:#FDFDFD;
}
div#service-list ul li.odd {
background:#<?=$_SESSION['css']['odd_row'];?>;
}
div#service-list ul li a {
	font-weight:bold;
	color:#<?=$_SESSION['css']['inside_links_col'];?>;
}
div#service-list ul li a:hover {
	color:#<?=$_SESSION['css']['maincolor'];?>;
	text-decoration:none;
}
div#service-list ul li small {
	display:block;
	padding:5px 5px 0 0px;
	font-size:0.9em;
}	





div#to-do-list ul {
	margin-top:-10px;
}
div#to-do-list ul li {
	border-bottom:1px solid #eeeddb;
	padding:8px 10px;
}
div#to-do-list ul li.even {
	background:#FDFDFD;
}
div#to-do-list ul li.odd {
background:#<?=$_SESSION['css']['odd_row'];?>;
}
div#to-do-list ul li a {
	font-weight:bold;
	color:#<?=$_SESSION['css']['inside_links_col'];?>;
}
div#to-do-list ul li a:hover {
	color:#<?=$_SESSION['css']['maincolor'];?>;
	text-decoration:none;
}
div#to-do-list ul li small {
	display:block;
	padding:5px 0 0 24px;
	font-size:0.9em;
	color:#999;
}

a.heading-link {
	color:#cae6ed;
	text-transform:capitalize;
	font-size:0.9em;
	font-weight:normal;
	display:inline-block;
	padding-left:15px;
	text-decoration:none;
}
a.heading-link:hover {
	color:#fff;
}
/* tables */
	table.table-short {
	margin:-8px 0 0px 0px;
	border-collapse:collapse;
}
table.table-long {
	width:740px;
	margin-left:-10px
}
table.table-short td, table.table-long td {
	border-top:1px solid #dfdfdf;
	font-size:0.9em;
	padding:10px ;
	margin:auto;
	color:#666;
}
table.table-short thead td, table.table-long thead td {
	font-weight:bold;
}
table.table-short thead td, table.table-short tfoot td, table.table-long thead td, table.table-long tfoot td {
	border:none;
}
table.table-short td:first-child, table.table-long td:first-child {
	text-align:left;
	padding:0 0 0 10px;
}
table.table-short tfoot, table.table-long tfoot {
	border-top:1px solid #ccc;
}
table.table-short tr.odd, table.table-long tr.odd {
background:#<?=$_SESSION['css']['odd_row'];
?>;
}
.odd td{
background:#<?=$_SESSION['css']['odd_row'];
?>;
	border-top:1px solid #dfdfdf;
	font-size:0.9em;
	padding:4px ;
	margin:auto;
	color:#666;
	border-collapse:collapse;

}
.even td{
	border-top:1px solid #dfdfdf;
	font-size:0.9em;
	padding:4px ;
	margin:auto;
	color:#666;
	border-collapse:collapse;

}
td.col-chk {
}
td.col-first {
	font-weight:bold;
	color:#373D40;
	overflow:hidden;
}
td.col-first a {
	font-weight:bold;
	color:#<?=$_SESSION['css']['inside_links_col'];?>;;
}
td.col-first a:hover {
	font-weight:bold;
color:#<?=$_SESSION['css']['maincolor'];?>;
}
td.col-second a {
	color:#508db8;
	font-weight:bold;
}
td.col-second a:hover {
	text-decoration:none;
	color:#333;
}
td.row-nav {
	width:110px;
}
a.table-edit-link, a.table-delete-link {
	color:#666;
	text-decoration:none;
	display:inline-block;
	margin-right:10px;
	padding-left:20px;
	height:16px;
	text-align:right;
}
a.table-edit-link:hover, a.table-delete-link:hover {
	color:#000;
}
a.table-delete-link {
	margin-right:0px !important;
	background:url(images/icon-delete.gif) no-repeat;
}
a.table-archive-link {
	margin-right:0px !important;
	background:url(styles/pdf-1.gif) no-repeat;
}
a.table-edit-link {
	background:url(images/icon-edit.gif) no-repeat;
}
/** CALENDAR & DATE **/
	div#date-container {
	background-color:#f3f6f7;
	margin:-10px -10px 15px -10px;
	padding:10px;
}
div#date-container img {
	float:left;
	margin-right:10px;
}
div#date-container span.hour, div#date-container span.date {
	display:block;
	float:left;
}
div#date-container span.hour {
	font-size:220%;
	font-weight:bold;
	color:#d8a416;
	padding-top:2px;
	margin-right:10px;
}
div#date-container span.date {
	color:#666;
	font-size:0.8em;
	padding-top:4px;
}
div#calendar-container {
	width:100%;
}
div#calendar-container h5 {
	background-image:url(images/icon-calendar.gif);
	background-repeat:no-repeat;
	display:block;
	font-weight:normal;
}
div#calendar-container div.ui-datepicker-header {
	background:#a1b1b3;
	padding:10px;
	text-align:center;
	position:relative;
	color:#fff;
	font-weight:bold;
	margin-bottom:1px;
}
span.ui-icon {
	position:absolute;
	top:10px;
	cursor:pointer;
}
.ui-icon-circle-triangle-e {
	right:10px;
}
.ui-icon-circle-triangle-w {
	left:10px;
}
a.ui-state-highlight {
	background:#fff;
	color:#ac0000;
	font-weight:bold;
}
a.ui-datepicker-next-hover span, a.ui-datepicker-prev-hover span {
	color:#000 !important;
}
table.ui-datepicker-calendar {
	width:203px;
	padding:5px;
	background:#f2f2f2;
	font-size:0.9em;
}
table.ui-datepicker-calendar th, table.ui-datepicker-calendar td {
	text-align:center;
	font-weight:bold;
	padding:2px;
}
table.ui-datepicker-calendar a {
	text-decoration:none;
	display:block;
	text-align:center;
	color:#666;
	padding:3px;
	border:1px solid #f2f2f2;
}
table.ui-datepicker-calendar a:hover {
	border:1px solid #ccc;
}
table.ui-datepicker-calendar a.ui-state-active {
	color:#ac0000 !important;
	border:1px solid #ccc;
	background:#fff;
}
td.ui-datepicker-week-end a {
	color:#999;
}
/** QUICK VISUAL LINKS **/
	ul#quick-visual-links {
	width:100%;
}
ul#quick-visual-links li {
	float:left;
}
ul#quick-visual-links li a {
	width:135px;
	height:60px;
	text-align:left;
	margin:0 3px 5px 3px;
	font-size:0.9em;
	border:1px solid #ccc;
	display:block;
	padding:5px 10px 10px 10px;
	text-decoration:none;
	color:#444;

}
ul#quick-visual-links li img {
	margin-bottom:3px;
}
ul#quick-visual-links li a:hover {
	color:#000;
	border-color:#999;
	background:#f3f6f7
}


/** Gallery **/
	#viewer_section_left {
	width:380px;
	height:205;
	float:left;
}
#viewer_section_right {
	width:325px;
	float:right;
	margin-top:10px;
}
.main_viewer {
	padding:5px;
	background:white;
	float:left;
	margin-right:6px;
	border:1px solid #CCCCCC;
}
.thumbs {
	padding:3px;
	float:left;
	margin-bottom:4px;
	background:white;
	border:1px solid #CCCCCC;
}
.thumbs2 {
	padding:3px;
	float:left;
	margin-bottom:4px;
	border:1px solid #CCCCCC;
}
.thumbs3{	padding:35px;margin-bottom:4px; background:white;border:1px solid #CCCCCC;}

.thumbs_story {
	padding:3px;
	margin-top:6px;
	margin-right:5px;
	background:white;
	float:left;
	border:1px solid #CCCCCC;
}
.thumbs_story_full {
	padding:3px;
	margin-bottom:4px;
	margin-right:15px;
	background:white;
	float:left;
	border:1px solid #CCCCCC;
}
.map {
	padding:5px;
	background:white;
	border:1px solid #CCCCCC;
	margin-top:23px;
}
.username {
	margin-top:10px;
	padding-bottom:5px;
}
.grey_link {
	color:#314D5B;
	margin-top:6px;
	font-size:10px;
}
.username-field {
	width:190px;
}
.advert_block {
	width:200px;
	height:494px;
	background:#CCCCCC;
}
.forsale {
	margin:10px 10px 14px 10px;
}
.float_left {
	float:left;
	margin-top:2px;
}
.quick_link_title {
	margin-top:6px;
	margin-left:40px;
	color:#3a3f43;
	border-bottom:1px solid #CCCCCC;
	padding-bottom:4px;
}
.quick_link_content {
	margin-top:6px;
	margin-left:40px;
	color:#999999;
	padding-bottom:4px;
}
.red {
	color:red;
}
.logout_link {
	float:right;
	margin-top:12px;
}
/**       lightbox imagedisplay style **/
	
	
#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox img {
	width: auto;
	height: auto;
}
#lightbox a img {
	border: none;
}
#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer {
	padding: 10px;
}
#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav {
	left: 0;
}
#hoverNav a {
	outline: none;
}
#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
	display: block;
}
#prevLink {
	left: 0;
	float: left;
	background: url(styles/prevlabel.gif) left 0% no-repeat;
}
#nextLink {
	right: 0;
	float: right;
	background: url(styles/nextlabel.gif) right 0% no-repeat;
}
#prevLink:hover, #prevLink:visited:hover {
	background: url(styles/prevlabel.gif) left 0% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
	background: url(styles/nextlabel.gif) right 0% no-repeat;
}
#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
}
#imageData {
	padding:0 10px;
	color: #666;
}
#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}
#imageData #caption {
	font-weight: bold;
}
#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
	outline: none;
}
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}