body {

	background-color: #FFF;

	margin: 0px;

	padding: 0px;

	color: #225566;

	font-family:Tahoma, Geneva, sans-serif;

	text-align: center; 

}

@font-face {

	font-family: '33535gillsansmt';

	src: url('../fonts/33535gillsansmt.eot');

	src: local('../fonts/33535gillsansmt'), url('../fonts/33535gillsansmt.woff') format('woff'), url('../fonts/33535gillsansmt.ttf') format('truetype');

}

body#initial { background:#333;}



.background {width: 100%; height: 100%; position: fixed; left: 0px; top: 0px;   background-size: cover;    background-position: 50% 50%; background-repeat: none; overflow:auto;}



.stretch {width:100%; height:100%; background-size: cover; background-position: 50% 50%; background-repeat: none; background-image:url(custom/bg.jpg);}



.mid {width:960px; margin:0 auto;}

.pr {position:relative;}



#logologin {padding:44px 0 0 0;}



#logologin img { filter: drop-shadow(2px 2px 4px rgba(255,255,255,0.5)); width: 230px; height: auto;}



.logintable {background:url(custom/loginbg.png); width:347px; height:203px; color:#FFF; margin:0 auto; margin-top:30px;}



.logintable table {width:284px; padding-top:14px; margin:0 auto;}



.logintable td {text-align:left; color:#FFF; text-transform:uppercase; font-size:14px; }

.loglc {width:87px; height:44px;}



input.logininput {

	font-size: 13px;

	border: 1px solid #FFF;

	background:#FFF;

	padding: 4px;	

	width: 186px;

	box-shadow: 2px 2px 3px 0px #000;

}

input[type=submit].loginsubmit {

	position:relative;

	font-size: 13px;

	font-weight:normal;

	border: none;

	background:#0C5A98;

	height: 32px;

	line-height: 32px;	

	width: 278px;

	color:#FFF;

	cursor:pointer;

	box-shadow: 2px 2px 2px 0px #111;

	margin-top:10px;

	text-transform:uppercase;

}



.loginmsg {margin:0 auto; width:330px; margin-top:30px;}

.loginmsg .msgbox { 

    border: none;

	background:#670133;

	color:#FFF;

	text-shadow:none;

	padding:4px 0px;

}



.totrec {text-align:right; font-weight:700;font-size:13px; margin-bottom:6px;}

td, p, div, span {	font-size: 12px;}

img {border: 0}

.nobd {border: 0;}

input, textarea, select {	font-size: 14px;	border: 1px solid #999; color: #564F3F; padding:4px; margin:1px 0;-webkit-border-radius: 2px; 

-moz-border-radius: 2px;

border-radius: 2px; }

input[type=submit], input[type=button] {background:#0C5A98; border:none; color:#FFF; padding:2px 6px 2px 6px; font-size:12px; line-height:11px; cursor:pointer;text-transform:uppercase; height:26px;line-height:22px;}

.focusField {}



select {background: #FEFEFE;}

textarea {resize:none;font-family:inherit; font-size:12px; width:220px;}



input.short {width:34px;}



a:link, a:visited, a:active  { color: #225566; text-decoration:none;}

a:hover  {color: #9EACBC;  text-decoration:none;}





/* Specific Styles */



.header {

	font-size: 11px;

	font-weight:bold;

	background-color: #ADB9C7;

}

.mainlist {width: 100%; border-spacing:0px; }

.mainlist td {padding:1px;}





.sort td, .sort th {	font-weight:bold;	height: 22px;	background: #CFD6DE; border-bottom: 1px solid #777777;	text-align: left; }

.leftheader {	font-size: 11px;	font-weight:bold;	background-color: #F0F0F0;}

.backrow1 td {	height: 26px;	background: #F0F0F0; border-bottom: 1px solid #999999;text-align: left; }

.backrow2 td {height: 26px;	background: #FFFFFF; border-bottom: 1px solid #999999; text-align: left; }

.backrowsel td {background: #E0FFC1; }

.backrowhead td {background: #B3BDCA; }



.optionmenu {	border-top: none; 	border-bottom: 1px solid #777777; 	text-align: left; }





.title {font-family: '33535gillsansmt'; font-size: 16px;text-align: left; text-transform: uppercase; background:#0C5A98; color:#FFF; line-height:42px; height:42px; padding-left:10px; 

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    border-radius: 4px;

	text-shadow: 1px 1px #333;

	

}



.cmstitle {display:block;}











.big {font-size: 13px; color:#003366}



.boxpos {

align: center;

position: relative;

text-align: center;

width: 100%;

margin-right: auto;

margin-left: auto;

}



.warningbox{

	border: 5px #CC0033 double;

	background-image:url(images/warning.gif); 

	background-repeat:no-repeat; 

	background-position:top;

}



.msgbox { 

	text-align:center;

	width: 90%;

	margin-right: auto;

	margin-left: auto;

	line-height: 26px;

	color: #455465;

	text-align: center; 	

	font-weight: bold;

    border: 2px #225566 solid;

    background-color:#F1F1F1;

	 -moz-box-shadow: 2px 2px 4px #999999;

    -webkit-box-shadow: 2px 2px 4px #999999;

    box-shadow: 2px 2px 4px #999999;

	text-shadow: 1px 1px #FFFFFF;

}



.msgboxlogin { 

	text-align:center;

	width: 90%;

	margin-right: auto;

	margin-left: auto;

	line-height: 26px;

	color: #FFF;

	text-align: center; 	

	font-weight: bold;

    border: 2px #FF0000 solid;



	font-size: 14px;

}





.emptymsgbox { 

    width: 400px;

	line-height: 26px;

	text-align: center; 	

}



#navcolumn {

	background: #B9A988;



	height:100%;

}



body#sidenav {



	

}

#navhead {

background:#0E334B;

line-height: 30px;

font-weight: bold;

border-bottom: 1px solid #333; 

color:#FFF; 

}



ul#nav { 

	margin: 0;

	padding: 0; 

	list-style: none; 

	font-size: 11px;

	font-weight: normal;

	}

	

	ul#nav li { 

	margin: 0; 

	padding: 0; 

	list-style: none;

	border-bottom: 1px dotted #CCC;

	background:#B9A988;  

	}

	

	ul#nav li a {

	padding: 4px 4px 4px 7px; 

	display: block; 

	color: #FFF; 

	text-align:left;

	text-decoration: none;

	text-shadow: 1px 1px #454545;

	} 

	

	ul#nav li a.active { 

	background: #B9A988; 

	}

	ul#nav li a:hover {

	color:#FFF;

	background: #4FA3DC;

	 }

	 

.pagenav {

	margin-right:5%;

	line-height: 24px;

	font-size: 1.0em;

	text-transform: uppercase;

	clear: both;

	font-weight: bold;

	margin-bottom: 15px;

	text-align: right;

}

.pagenav a, .pagenav .current {

	padding: 3px 7px;

	border: 1px solid #bbbbbb;

	background: #fdfdfd url(images/button_bg.png) repeat-x 0 100%;

	color: #468175;

	margin-left: 3px;

	text-decoration: none;

}

.pagenav a:hover, .pagenav .current {

	color: #232323;

	background: #CFD6DE;

}

.mainbox {

background: #F2F3F4;

border: 1px dotted #ABABAB;

padding: 10px;

margin-bottom: 20px;

width: 460px;

}





.logobox {

background: #FFF;

color:#454545;

border: 1px dotted #CCCCCC;

padding: 10px;

margin-left:auto;

margin-right:auto;

text-align:center;

}

.boxurls {

float:right;

background: #FFFFFF;

border: 1px dotted #CCCCCC;

padding: 10px;

width: 260px;

text-align:left;

}



.buttontxt  {

	background: #CFD6DE;

	border: 1px solid #8F9FB1;

	padding: 3px 5px 3px 5px;

	text-shadow:none;

}



#preview{	position:absolute;	border:1px solid #333;	background:#333;	padding:1px;	display:none;	color:#fff;}



/* icons */

.icon {display:inline-block;background-image:url(images/iconset.gif); background-repeat:no-repeat;}



a.add {padding-left:20px; height:16px; background-position: 0px 0px;	}

a:hover.add {background-position: 0px -17px;	}

a.del {width: 18px;height:18px; background-position: 0px -72px;	}

a:hover.del {background-position: 0px -91px;	}

a.mod {width: 18px;height:18px; background-position: 0px -34px;	}

a:hover.mod {background-position: 0px -53px;}

a.up {width: 18px;height:13px; background-position: 0px -178px;	}

a:hover.up {background-position: 0px -191px;	}

a.down {width: 18px;height:13px; background-position: 0px -204px;	}

a:hover.down {background-position: 0px -217px;}

a.yes {width: 16px;height:16px; background-position: 0px -110px;	}

a:hover.yes {background-position: 0px -127px;	}

a.no {width: 16px;height:16px; background-position: 0px -144px;	}

a:hover.no {background-position: 0px -161px;}

a.act1 {width: 16px;height:16px; background-position: 0px -110px;	}

a:hover.act1 {background-position: 0px -127px;	}

a.act0 {width: 16px;height:16px; background-position: 0px -144px;	}

a:hover.act0 {background-position: 0px -161px;}

a.photos {width: 22px;height:18px; background-position: 0px -266px;	}

a:hover.photos {background-position: 0px -285px;}

a.export {padding-left:20px; height:18px; background-position: 0px -304px;	}

a:hover.export {background-position: 0px -323px;}

a.attach {width: 18px;height:18px; background-position: 0px -342px;	}

a:hover.attach {background-position: 0px -361px;}

a.view {padding-left:20px; height:17px; background-position: 0px -230px;	}

a:hover.view {background-position: 0px -248px;}





/* icons */

.forgot {position:absolute;top:6px;left:8px;}

.smallink {font-size:11px;}

.note {font-size:11px; color:#999;}



#form1 label.error {

	color:#FFF;

	height:20px;

	font-size:9px;

	line-height:22px;	

	background-color:#B02328;

	margin-left: 0px;

	padding: 0 2px;

	float: right;

	font-weight: bold;

}

a.circle-link {
    color: white;
    font-size: 10px;
    font-weight: 700;
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background-color: #66b2c5;
    display: flex;
    justify-content: center;
    align-items: center;
}

a.circle-link:hover{
	background-color: #5e92bd;
}