@charset "utf-8";
/* CSS Document */

.truncateText { width: 99%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.gray   { color: #82929a;}
.blue   { color: #0376e0;}
.turq   { color: #628c93;}
.orange { color: #ff9900;}
.dorange { color: #cb6c06;}
.dturq 	{ /* color: #437698; color: #055e7f;&*/ color: #fff; }
.black 	{ color: #000;}
.dred 	{ color: #BC3610;}
.white 	{ color: #FFF; }
.lblue	{ color: #9ae4ff;}
.yorange { color: #ffc000;}


.dturq a:link, .dturq a:visited {color: #fff;}
.gray a:link, .gray a:visited { color: #82929a;}
.white a:link, .white a:visited { color: #FFF; }
.yorange a:link, .yorange a:visited { color: #ffc000;}
.dorange a:link, .dorange a:visited { color: #cb6c06;}
.dred a:link, .dred a:visited, .dred a:hover  	{ color: #BC3610;}


.underlined { text-decoration: underline; }
.underlined a:link { text-decoration: underline; }
.underlined a:hover { text-decoration: none; }

/* font sets */
.fontSet1 {font-family: Arial, Helvetica, sans-serif;}
.fontSet2 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

.fontSet10 {font: normal 10px Arial, Helvetica, sans-serif;}
.fontSet11 {font: normal 11px Arial, Helvetica, sans-serif;}
.fontSet12 {font: normal 12px Arial, Helvetica, sans-serif;}
.fontSet13 {font: normal 13px Arial, Helvetica, sans-serif;}
.fontSet14 {font: normal 14px Arial, Helvetica, sans-serif;}
.fontSet15 {font: normal 15px Arial, Helvetica, sans-serif;}
.fontSet16 {font: normal 16px Arial, Helvetica, sans-serif;}
.fontSet17 {font: normal 17px Arial, Helvetica, sans-serif;}
.fontSet18 {font: normal 18px Arial, Helvetica, sans-serif;}
.fontSet19 {font: normal 19px Arial, Helvetica, sans-serif;}
.fontSet20 {font: normal 20px Arial, Helvetica, sans-serif;}
.fontSet21 {font: normal 21px Arial, Helvetica, sans-serif;}
.fontSet22 {font: normal 22px Arial, Helvetica, sans-serif;}
.fontSet23 {font: normal 23px Arial, Helvetica, sans-serif;}
.fontSet24 {font: normal 24px Arial, Helvetica, sans-serif;}
.fontSet25 {font: normal 25px Arial, Helvetica, sans-serif;}
.fontSet26 {font: normal 26px Arial, Helvetica, sans-serif;}
.fontSet27 {font: normal 27px Arial, Helvetica, sans-serif;}
.fontSet28 {font: normal 28px Arial, Helvetica, sans-serif;}
.fontSet29 {font: normal 29px Arial, Helvetica, sans-serif;}
.fontSet30 {font: normal 30px Arial, Helvetica, sans-serif;}

/*font sizes*/
.9px  { font-size: 9px; }
.10px { font-size: 10px;}
.11px { font-size: 11px;}
.12px { font-size: 12px;}
.14px { font-size: 14px;}
.15px { font-size: 15px;}
.18px { font-size: 18px;}

.page-header {
	background: transparent url(../images/template/pge-hding.gif) repeat-x 0 100%;
	padding: 0 15px;
	color:  #fff;
	line-height: 80px;
	display: block;
	text-shadow: #2d4263 0px -1px 0px;
	position: relative;
}
*html .page-header { height: 80px;}

.page-header .img {
	position: absolute;
	right: 0;
	bottom: 0;
}


ul.square { list-style: square;}


a.smallB { padding: 5px 5px; font: bold 11px Arial, Helvetica, sans-serif; height: 25px;
		   text-decoration: none;
		   -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} 
a.smallB { text-decoration: none; color: #000}

a.grayB, a.grayB:hover  { background-image: url('../images/template/smallButtonsBG.png'); background-repeat: no-repeat;
		   border: 1px solid #ced7dd; color: #000; text-decoration: none;}	
a.grayB:active {background-position: 0 -25px; color: #030303; text-decoration: none;}

a.arrowB { padding-right: 18px; background-position: -224px 0px;}
a.arrowB:active {background-position: -224px -25px;}

a.sTLink {font: normal 11px Arial, Helvetica, sans-serif; color: #4c7dab;}

.float { position: fixed; top: 0; left: 50%; margin-top: 5px; z-index: 10000;
  	/*width: 838px; margin-left: -435px;*/ width: 500px; margin-left: -250px;
	border-top-left-radius: 8px; -moz-border-radius-topleft: 8px;
	border-top-right-radius: 8px; -moz-border-radius-topright: 8px;
	border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px; -moz-border-radius-bottomright: 8px;
	}
*html .float { clear: both; position: absolute;/* margin-left: -436px; width: 871px;*/  margin-left: -250px; width: 500px; bottom: auto; top: expression( (( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop + 5 : document.body.scrollTop + 5 ) ) + 'px' );}
.close { width: 16px; height: 16px; float: right; text-align: center;}
.floatContainer { width: 92%; float: left;}

.errorBox 		{ padding: 10px 15px; border: 1px solid #e57c66; background-color: #ffddd6; font-family: Arial, Helvetica, "Trebuchet MS", sans-serif; font-weight: normal; text-align: left;}
.successBox 	{ padding: 10px 15px; border: 1px solid #58b053; background-color: #ebfdea; font-weight: normal; font-family: Arial, Helvetica, "Trebuchet MS", sans-serif; font-weight: normal; text-align: left;}
.informationBox { padding: 10px 15px; border: 1px solid #60b8dd; background-color: #edfaff; font-weight: normal; font-family: Arial, Helvetica, "Trebuchet MS", sans-serif; font-weight: normal; text-align: left;}
.warningBox 	{ padding: 10px 15px; border: 1px solid #ef9331; background-color: #fff0d1; font-weight: normal; font-family: Arial, Helvetica, "Trebuchet MS", sans-serif; font-weight: normal; text-align: left;}
.grBox 			{ background-color: #f7f7f7; padding:8px; font-family: font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;  font-weight: normal; text-align: left;}
.lbBox			{ background-color: #f3f5f5; padding:8px; font-family: font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;  font-weight: normal; text-align: left;}
.defaultBox 	{ padding: 10px 15px; border: 1px solid #D6D6D6; background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: left;}
.defaultGrayBox { padding: 10px 15px; border: 1px solid #D6D6D6; background-color: #F4F4F4; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: left;}
.imageBox 		{ padding: 3px; border: 1px solid #EBEBEB; background-color: #FFF; overflow: hidden; text-align: left;}
.imageBoxII		{ border-top: 2px solid #649abe; padding: 5px 0 0 0;}
	.imageBox a img {border: 0px;}
	.imageBox img {border: 0px;}
	.imageBox #ajaxloader { position: absolute; z-index: 100; background-color: #FFF; border: 5px solid #fff;}
.commentsBox 	{ border: 1px solid #D6D6D6; background: #F4F4F4; padding: 5px;}
.errBg 			{ background-color: #FFD5D5;}
.rounded		{ -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; behavior: url("stylesheets/border-radius.htc");}

.infobox 		{ border: 1px solid #D6D6D6; text-align: left;}
.infoBoxGradient { background: transparent url(../images/template/box_bg.png) repeat-x bottom left;}
.infoBoxHeader  { font-weight: bold; text-transform: uppercase; text-align: left;}
.infoBoxFooter  { background-color: #f0f7fa; padding: 5px; border-top: 1px solid #e6f1f5;}
.infoBoxFooterGradientGray  { background: transparent url(../images/template/fwidthbutton.gif) repeat-x 0 0; padding: 5px; border-top: 1px solid #e3e3e3;}

.dot-top-box 	{ background: transparent url('../images/template/dots.gif') repeat-x 0 0;}
.dot-bottom-box 	{ background: transparent url('../images/template/dots.gif') repeat-x 0 100%;}

.c-gray-box		{ background-color: #f7f7f7}

.alignLeft, .left 		{ text-align: left;}
.alignRight, .right 	{ text-align: right;}
.alignCenter, .center 	{ text-align: center;}

.note { background: url('../images/icons/32/note.png') no-repeat 0 -5px; height: 30px; padding-left: 32px;}

#searchresults { border-top: 2px solid #ACACAC; margin-top: 15px;}

ul.defaultUL { padding: 0; margin: 0;}
ul.defaultUL li.defaultLI { padding: 5px; border-bottom: 1px solid #EAEAEA; list-style: none; background-color: #fff; color: #000; text-align: left;}
ul.defaultUL li.defaultLI:hover { /*background-color: #F8F8F8;*/ background-color: #FFF;}
ul.defaultUL li.activeLI { padding: 5px; border-bottom: 1px solid #EAEAEA; list-style: none; background-color: #09F; color: #FFF;}
li.activeLI span,
li.activeLI div,
li.activeLI b { color: #a5dbff;}


/* date added: 2011/07/27 mel
li.defaultLI .bBtn { visibility: hidden; }
li.defaultLI:hover .bBtn { visibility: visible;}
*/
.divScroller {overflow: auto; border: 1px solid #c1c1c1; background-color: #fff;}


.gridHeader {background-color: #b0dff8; padding: 5px 10px;}
.gridCell {border-bottom: 1px solid #D6D6D6;}


ul.breadcrumbs { margin: 25px 15px 10px 15px; padding: 0; float: left; display: block;}
*html ul.breadcrumbs { float: left; width: 600px;}
.breadcrumbs li { display: inline; float: left;}
.breadcrumbs li span{  display: inline-block;
	padding: 5px 20px 5px 8px; background: transparent url('../images/template/breadcrumb_arrow2.gif') no-repeat 100% 50%;
	-webkit-border-top-left-radius: 5px; -khtml-border-radius-topleft: 5px;	-moz-border-radius-topleft: 5px; border-top-left-radius: 5px; 
	-webkit-border-bottom-left-radius: 5px; -khtml-border-radius-bottomleft: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px;
}

.breadcrumbs li span.Nlast{ background: transparent url('../images/template/breadcrumb_arrow.gif') no-repeat 100% 50%;}
.breadcrumbs li span u{ padding: 5px 20px 5px 8px; display: inline-block;}
.breadcrumbs li u.curr-breadcrumb { display: block; text-align: left; margin-top: 4px;}

.breadcrumbs li a span {padding: 5px 20px 5px 8px; display: inline-block;
	-webkit-border-top-left-radius: 0; -khtml-border-radius-topleft: 0;	-moz-border-radius-topleft: 0; border-top-left-radius: 0; 
	-webkit-border-bottom-left-radius: 0; -khtml-border-radius-bottomleft: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0;
	}
.breadcrumbs li a.Nlast span{ background: transparent url('../images/template/breadcrumb_arrow.gif') no-repeat 100% 50%;}
.breadcrumbs li a.prev span{ background: transparent url('../images/template/breadcrumb_arrow2.gif') no-repeat 100% 50%;}

.breadcrumbs li a:hover { color: #fff; text-decoration: underline;}

.imagePreview { border-left: 1px solid #D6D6D6; border-top: 1px solid #D6D6D6; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; background-color: #FFF; text-align: center;}
*html .imagePreview {}

.frameUpload {width: 98%; height: 42px;}
*html .frameUpload {width: 94%; height: 52px; padding: 0;}

.uploadMessage { padding: 3px 10px;}
*html .uploadMessage { margin: 0; padding: 5px 10px;}



/**********************************************************/
/**************         Note Marker         ***************/
.marker {
	position: absolute;
	background: transparent url(../images/icons/12/marker_note.png) no-repeat 0 0;
	margin-left: -5px; margin-top: -5px;
}

*html .marker {	margin-left: -610px; }
.marker img {border: 0px;} 

.noteContainer { 
	visibility: hidden;
	position: absolute;
	background-color: #f1ffe7; border: 1px solid #c2de97; border-bottom: 2px solid #c2de97;
	padding: 10px; width: 400px;
	line-height: 1.5em;
	-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topright: 5px;
	border-bottom-left-radius: 5px;	border-bottom-right-radius: 5px; border-top-right-radius: 5px;
}

*html .noteContainer {
	margin-left: -605px; 
	width: auto !important;  border-bottom: 2px solid #c2de97;
	_width: 400px;
}

/**********************************************************/
/**************    CSS for tool thumbnails   ***************/
td.thumbs {	border-top: 1px solid transparent;	border-bottom: 1px solid transparent; font-weight: bold;}
td.hoveredThumbs { border-top: 1px solid #649abe; border-bottom: 1px solid #649abe; background-color: #649abe; cursor: pointer;  color: #fff;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; font-weight: bold;}
	
td.thumbsDisabled {	font-weight: bold; color: #D6D6D6;background-color: #f7f7f7;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; font-weight: bold;}
/*td.hoveredThumbsDisabled { background-color: #f7f7f7; cursor: pointer;  color: #D6D6D6;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; font-weight: bold;}
*/
.locked { position: absolute; margin-left: -8px; margin-top: -5px;}

/**********************************************************/
/**************    CSS for thumbnails   ***************/
ul.thumbs { margin: 0; }
.thumbs li { display: inline-block; margin: 5px; vertical-align: middle; list-style: none;}
*html .thumbs li { display: inline;}


/**********************************************************/
/**************    formatting for slideshow   ***************/

.slidebox {
	/*background-color:#535860; border: 1px solid #434343;*/
	background-color: #fff;
	border-top: 1px solid #C1C1C1;
}


/************************************************************************/
/* CSS FOR ACCOUNT BOX */
.fltacct {
	background: transparent url('../images/template/2dspacer.png') repeat-x left bottom;
	position: absolute; margin-top: -80px; width: 190px;
	padding-bottom: 23px;
}	

/************************************************************************/
/* CSS FOR FOOTER */

.ftr { padding: 25px 0;}
.ftrHeading { font: bold 15px Arial, Helvetica, sans-serif; margin-bottom: 8px; color: #fff; }
.ftrBx		{ font: normal 13px Arial, Helvetica, sans-serif; color: #fff; margin-bottom: 20px; margin-top: 20px;}
	.ftrBx a { color: #fff;}
	.ftrBx a:hover { color: #ffb718; text-decoration: underline;}
.ftr ul.lnkmnu { padding: 0; margin: 0;}
	.lnkmnu li { list-style: none; font: normal 11px Arial, Helvetica, sans-serif; color: #5a6a86; }
	.lnkmnu a:link, .lnkmnu a:visited { color: #5a6a86;}
	.lnkmnu a:hover, lnkmnu a:active { text-decoration: underline; color: #5a6a86;}
	
	.lnkmnu li.lnkitem { list-style: square; margin-bottom: 8px; margin-left: 15px; padding-left: 0px;}
.ftrCpyR {  border-top: 5px solid #434343; background-color: #000; padding: 10px; color: #858585; font: normal 11px Arial, Helvetica, sans-serif;}
	.ftrCpyR a, .ftrCpyR a:visited { color: #858585 !important;}
	.ftrCpyR a:hover { text-decoration: underline; color: #ff9900;}

/**********************************************************/
/**************    CSS for pop-up actions   ***************/
ul.popUpActions {
	visibility: hidden;
	position: absolute;
	float: right; margin-left: 447px; margin-top: -16px;
	list-style: none;
	background: transparent url(../images/template/arrowLeft.gif) no-repeat 0 0;
}

*html ul.popUpActions {
	visibility: hidden;
	margin-left: -153px; margin-top: -16px;
	overflow-y: hidden; /* overflow hack for IE */
}

ul.popUpActions li {
	margin-left: 8px;
	margin-bottom: -1px; padding: 2px;
	background-color: /*#f0f7fa*/#f3f3f3; border-left: 1px solid /*#e6f1f5*/#d0d0d0; border-right: 1px solid /*#e6f1f5*/#d0d0d0;
	width: 150px; white-space: nowrap;
}

*html ul.popUpActions li {
	display: block;
}

ul.popUpActions li.actLT {  
	border-top: 1px solid /*#e6f1f5*/#d0d0d0;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
}

ul.popUpActions li.actLB {  
	border-bottom: 2px solid /*#e6f1f5*/#d0d0d0;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

li.actLT a:hover {
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
}

li.actLB a:hover {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

ul.popUpActions li a {
	padding: 5px 5px; 
	display: block;
	background-color: transparent;
}

ul.popUpActions li a:hover  {
	text-decoration: none;
	text-decoration: underline;
	/*color: #6e7e86;
	background-color: #649abe;
	background: #649abe url(../images/template/btn1.jpg) repeat-x 0 -26px;*/
}


/**********************************************************/
/**************    CSS FOR LINKS WITH ICON   ***************/

#trash { background-image: url(../images/icons/16/trash.png); background-repeat: no-repeat; background-position: 5px 3px; padding-left: 27px;}
#share { background-image: url(../images/icons/16/share.png); background-repeat: no-repeat; background-position: 5px 3px; padding-left: 27px;}
#preview { background-image: url(../images/icons/16/preview.png); background-repeat: no-repeat; background-position: 5px 3px; padding-left: 27px;}
#download { background-image: url(../images/icons/16/download.png); background-repeat: no-repeat; background-position: 5px 3px; padding-left: 27px;}
#note { background-image: url(../images/icons/16/note.png); background-repeat: no-repeat; background-position: 5px 3px; padding-left: 27px;}
#copy { background-image: url(../images/icons/16/copy.png); background-repeat: no-repeat; background-position: 5px 3px; padding-left: 27px;}
#move { background-image: url(../images/icons/16/move.png); background-repeat: no-repeat; background-position: 5px 3px; padding-left: 27px;}
#edit { background-image: url(../images/icons/16/edit.png); background-repeat: no-repeat; background-position: 5px 3px; padding-left: 27px;}
#export { background-image: url(../images/icons/16/export.png); background-repeat: no-repeat; background-position: 5px 3px; padding-left: 27px;}
#add_image { background-image: url(../images/icons/16/add_image.png); background-repeat: no-repeat; background-position: 5px 3px; padding-left: 27px;}
#rename { background-image: url(../images/icons/16/rename.png); background-repeat: no-repeat; background-position: 5px 3px; padding-left: 27px;}
#prev { background-image: url(../images/icons/16/prev.png); background-repeat: no-repeat; background-position: 5px 3px; padding-left: 27px;}
#up { background-image: url(../images/icons/16/up.png); background-repeat: no-repeat; background-position: 5px 3px; padding-left: 27px;}
#down { background-image: url(../images/icons/16/down.png); background-repeat: no-repeat; background-position: 5px 3px; padding-left: 27px;}
#sort { background-image: url(../images/icons/16/sort.png); background-repeat: no-repeat; background-position: 5px 3px; padding-left: 27px;}
#set { background-image: url(../images/icons/16/set.png); background-repeat: no-repeat; background-position: 5px 3px; padding-left: 27px;}
#calculator { background-image: url(../images/icons/16/calculator.png); background-repeat: no-repeat; background-position: 5px 3px; padding-left: 27px;}
#magic-sheet { background-image: url(../images/icons/16/download-inactive.png); background-repeat: no-repeat; padding-left: 27px; background-position: 5px 3px;}
#magic-sheet:hover { background-image: url(../images/icons/16/download-active.png); color: #437698;}

#trash:hover, #download:hover, #preview:hover, #note:hover, #copy:hover, #move:hover, #edit:hover,
#export:hover, #add_image:hover, #rename:hover, #prev:hover, #down:hover, #up:hover, #sort:hover, #set:hover
{ background-position: 5px -21px; color: #437698;}
#share:hover{ background-image: url(../images/icons/16/share-hover.png); background-repeat: no-repeat; background-position: 5px 3px; padding-left: 27px;}
#calculator:hover { background-position: 5px -21px; color: #437698;}


.iconBtn {padding: 2px; border: 1px solid #EAEAEA; width: 18px; height: 18px; cursor: pointer; background-repeat: no-repeat; background-position: 2px 2px; background-color: #FAFAFA; 
  		-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;}
.iconBtn:hover { background-position: 2px -22px; background-color: #fff; border: 1px solid #c3efff; }



/* MANAGER LINKS CONTAINER AND STYLING */
.manager-right-pane { border-left: 1px solid #e2e4ea; padding: 10px 0 10px 10px;}
.left-icon-link { padding: 4px 3px 2px 2px;}
.block { display: block;}

#iDown { background-image: url('../images/icons/16/arrow_down.png')}
#iUp { background-image: url('../images/icons/16/arrow_up.png')}
#iCopy { background-image: url('../images/icons/16/copy.png')}
#iPrevious { background-image: url('../images/icons/16/arrow_left.png')}
#iNext { background-image: url('../images/icons/16/arrow_right.png')}

ul.defListing { margin: 5px; padding: 10px;}
.defListing li { padding: 5px; list-style: square;}

a.small-Btn 	  							{ padding: 0 2px; border: 1px solid #eaeaea; background: #fff url(../images/template/btn1.jpg) repeat-x 0 0; height: 15px;}
a.small-Btn-Blue:link						{ background-position: 0 -26px;}
ul.defaultUL li.defaultLI:hover a.small-Btn {  border: 1px solid #eaeaea; background: #fff url(../images/template/btn1.jpg) repeat-x 0 0;}
ul.defaultUL li.defaultLI:hover a.small-Btn:hover, a.small-Btn:hover  { text-decoration: none; border: 1px solid #5c90b3; background: #679ec3 url('../images/template/btn1.jpg') repeat-x 0 -25px;color: #fff;
											-moz-box-shadow: 0px 0px 3px #888; -webkit-box-shadow: 0px 0px 3px #888; box-shadow: 0px 0px 3px #888;}

a.med-Btn1 { padding: 3px 5px; height: 20px; border: 1px solid #eaeaea; background: #fff url(../images/template/btn1.jpg) repeat-x 0 0;}
a.med-Btn1:hover { padding: 3px 5px; height: 20px; border: 1px solid #5c90b3; background-position: 0 -25px; color: #fff; text-decoration: none; 
					-moz-box-shadow: 0px 0px 3px #888; -webkit-box-shadow: 0px 0px 3px #888; box-shadow: 0px 0px 3px #888;}
*html a.med-Btn1:hover { padding: 3px 5px; border: 1px solid #5c90b3; height: 20px; background: #679ec3 url('../images/template/btn1.jpg') repeat-x 0 -25px; color: #fff; text-decoration: none;}

a.l-btn	{ border-width: 1px; border-style: solid; background-image: url(../images/template/btn1.jpg); background-repeat: repeat-x; padding: 3px 10px; font: normal 13px Arial, Helvetica, sans-serif; white-space: nowrap; height: 25px;}
*html a.l-btn { height: 20px; padding: 3px 10px 3px 10px;}
a.l-btn:hover { /*-moz-box-shadow: 0px 0px 3px #888; -webkit-box-shadow: 0px 0px 3px #888; box-shadow: 0px 0px 3px #888;*/
				-moz-box-shadow: 0px 1px 1px #eeeeee; -webkit-box-shadow: 0px 1px 1px #eeeeee; box-shadow: 0px 1px 1px #eeeeee; text-decoration: none;}

a.l-gray { border-color: #eaeaea; background: transparent url(../images/template/fwidthbutton.gif) repeat-x 0 0; color: #000;}
a.l-blue { border-color: #5c90b3; background-color: #649abe; background-position: 0 -25px; color: #FFF;}
a.l-orange { border-color: #dc860c; background-color: #ff8a00; background-position: 0 -50px; color: #FFF;}

a.l-gray:hover { border-color: #e3e3e3; background-position: 0 0; color: #000;}
a.l-blue:hover { color: #FFF; }
a.l-orange:hover { color: #FFF;}


/* SLIDE BOX STYLE */

.box-slides {  }
.box-slides span { list-style: none;}


/* BOX TABS STYLE */

.box-tabs { border-bottom: 1px solid #EAEAEA; padding: 5px 10px 0 10px; margin: 5px;}
.box-tabs li {
	list-style:none;
	display:inline;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.box-tabs a {
	padding: 5px 10px;
	display: inline-block;
	color: #000;
	text-decoration: none;
	ie-dummy: expression(this.hideFocus=true);
}

.box-tabs a:hover { text-decoration: none; } 
.box-tabs a:visited { color: #000; }
.box-tabs a.active, .box-tabs a.active:active {
	ie-dummy: expression(this.hideFocus=true);
	background: #fff;
	color: #cb6c06;
	margin-bottom: -4px;
	border-left: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #fff;
	-moz-box-shadow: 0px -2px 1px #eeeeee; -webkit-box-shadow: 0px -2px 1px #eeeeee; box-shadow: 0px -2px 1px #eeeeee;
}

/* PAGE CONTENTS STYLE */
.page-content-container { color: #000; margin: 0 20px 20px 20px; line-height: 13pt;}
.page-content-container h1 { font-weight: normal; font-size: 20px; line-height: 25pt; }
.page-content-container img { display: block; border: 1px solid #bab5af; background-color: #f0ece8; padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.page-content-container li { list-style: url(../images/template/bullet.gif)	; margin-left: 15px;}

* html .page-content-container h1 { margin-top: 15pt;} 

/* LIST */
.link_listing_header { margin: 10px 10px 0px 10px; border-bottom: 1px solid #FFF; padding: 0 0 5px 0; font: bold 9pt Arial, Helvetica, sans-serif; text-transform: uppercase;}
.link_listing { margin: 5px 10px 10px 10px; }
.link_listing li { list-style: none; background: transparent url(../images/template/bullet.gif) no-repeat 0 10px; padding: 5px 5px 5px 10px; }


a.mainBtn, a.mainBtn:link { padding: 8px; font: bold 15px Arial, Helvetica, sans-serif; display: inline;
				/*-moz-box-shadow: 0px 0px 3px #000; -webkit-box-shadow: 0px 0px 3px #000; box-shadow: 0px 0px 3px #000;*/}
a.btnOrange, a.btnOrange:hover{ background: transparent url(../images/template/btns.gif) repeat-x 0 0; color: #774b12;
					border-top: 1px solid #fee28f; border-left: 1px solid #fee28f; border-right: 1px solid #ca9505; border-bottom: 1px solid #ca9505;}

.lBtn { font: normal 13pt Arial, Helvetica, sans-serif; line-height: 35px;}					
.btnBlk { display: block;}


/* BOXES */
.clear { clear: both; float: none;}
.box-fll {
	float: left;
	border: 1px solid red;
}
.box-flc {
	float: left;
	margin-left: 12px;
	border: 1px solid red;
}
.box-flr {
	float: right;
	border: 1px solid red;
}

.box-3c-lout {
	width: 270px;
}


.box-grw {
	background: transparent url(../images/template/gradient-w-t.png) repeat-x 0 0;
	padding: 10px;
	height: 200px;
}

.box-grn { 
	background-color: #edf6df;
	border: 1px solid #e1e7d9;
}

.box-rounded-top { -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px;}
.box-rounded-bottom { -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;} 
.box-highlight {background-color: #f7faf0;}


.infobox-preloader { display: none; }


@media only screen and (device-width: 800px) {
  /* For general iPad layouts */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 800px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 800px) and (orientation:landscape) {
  /* For landscape layouts only */
}

.button-msg { padding: 3px 5px; height: 20px; border: 1px solid #5c90b3; background-position: 0 -25px; color: #fff; text-decoration: none; }

.page-loader { position: fixed; top: 0; left: 50%; margin-top: 5px; z-index: 10000;
  	width: 100px; margin-left: -50px; height: 20px;
	border-top-left-radius: 8px; -moz-border-radius-topleft: 8px;
	border-top-right-radius: 8px; -moz-border-radius-topright: 8px;
	border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px; -moz-border-radius-bottomright: 8px;
	-moz-box-shadow: 1px 1px 3px #eee; -webkit-box-shadow: 1px 1px 3px #eee; box-shadow: 1px 1px 3px #eee;
	}
*html .page-loader { clear: both; position: absolute; 
	margin-left: -50px; 
	width: 100px; 
	bottom: auto; 
	top: expression( (( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop + 5 : document.body.scrollTop + 5 ) ) + 'px' );
}
.page-loader span {
	position: relative;
}
.page-loader img {
	display: inline-table;	
	margin-left: 5px;
}
.page-loader span span {
	margin-left: 5px;
	display: inline-table;
	margin-top: -3px;
}


/**
 * offered services css
 * */
.offered-services {
	display: flex;
	width:  100%;
	margin: 20px 0;
}

.offered-services .service {
	margin: auto;
	text-align: center;
	transition: transform .1s;
}

.service picture img {
	width: 64px;
	margin:  auto;
}
.service a {
	transition: all .2s;
}
.service a:hover {
	text-decoration: none;	
}
.service .service-name {
	text-align: center;
	display: block;
	margin: 20px 0;
	font-size: 12px;
	font-family: Montserrat;
}

.offered-services .service:hover {
	transform:  scale(1.1);	
}




/**
 * foot link style
 * */
.footer-link {
	text-align: right;
}

.mobileslider {
	display:  none;
}


/**
 * new header layout
 * */
.header-v3 {
	display: inline-block;
	width: 100%;
	position: relative;
	margin: 20px 0;
}
.header-v3 .header-logo, .header-v3 .header-menu, .header-v3 .header-dropmenu {
	float: left;
}
.header-v3 .header-logo { width: 25%; }
.header-v3 .header-menu { width: 50%; }
.header-v3 .header-dropmenu { width: 25%; text-align: right; }
.header-v3 .header-logo img { width: 100%; }

/*.header-menu a, .header-dropmenu a {
	transition: all .5s;
}
.header-menu ul {
	list-style: none;
	margin-top: 20px;
    margin-left: 20px;
}
.header-menu li {
	float: left;
	display: contents;
}
.header-menu li a {
	padding: 8px 20px;
	font-weight: bold;
	font-size: 15px;
	color: #ffb718;
	border-radius: 10px;
}
.header-menu li a:hover {
	text-decoration: none;
	background: #ffb718;
	color: #fff;
}

.header-dropmenu ul {
	margin: 6px;
    padding: 0px;
    list-style: none;
    margin-top: 20px;
}
.header-dropmenu li a {
	font-size: 15px;
    font-weight: bold;
    color: #ffb718;
    padding: 8px 20px;
    border-radius: 10px;

}
.header-dropmenu li a:hover {
	background-color: #ffb718;
	color: #fff;
	text-decoration: none;
}*/

/**
 * response layout 
 **/
@media screen and (max-width: 480px) {
	body {
		margin: 0 !important;
	}
	.sitePrimImgSlide {
		background: rgb(75,107,156) !important;
		background: linear-gradient(360deg, rgba(75,107,156,1) 0%, rgba(115,169,205,1) 100%) !important;
	}
	.mainslider {
		display:  none;
	}
	.mobileslider {
		display:  block;	
		height:  auto !important;		
		text-align: center;	
	}
	.mobileslider img {
		margin: auto;
	}
	.mobileslider .slide-header, 
	.mobileslider .slide-subheader {
		display:  inline-block;
		color: #fff;
	}
	.mobileslider .slide-header {
        font-size: 15pt;
	    margin: 20px 20px 0 20px;
	    text-align: left;
	}
	.mobileslider .slide-subheader {
		margin:  20px;
		text-align: left;
		line-height: 17px;
	}

	.content-container {
		width:  100% !important;
	}

	.offered-services {
		display: inline-table;
	}
	.offered-services .service {
		width:  30%;
		display: inline-flex;
		margin:  auto;
	}
	.service a {
		width:  100%;
		margin:  20px;
	}
	.service .service-name {
		margin:  15px 0;
		line-height: 20px;
	    width: 90%;
	    text-overflow: ellipsis;
	    overflow: hidden;
	}
	.slide-subheader .slide-button {
		display: block;
	    padding: 20px 40px;
	    font-size: 12pt;
	    border: 2px solid #fff;
	    color: #fff;
	    transition: transform .1s;		
	}
	.slide-button:hover {
		transform:  scale(1.1);	
		border-color: #fff;
		color: #649abe;
		text-decoration: none !important;
	}


}



/**
 * dropdown menu
 * */
/* Add a black background color to the top navigation */
.topnav {
  overflow: hidden;
  float: right;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #fff;
  text-align: center;
  padding: 14px 0px;
  text-decoration: none;
  font-size: 15px;
}

/* Add an active class to highlight the current page */
.active {
  background-color: #04AA6D;
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
  color: #fff;
}

/* Dropdown container - needed to position the dropdown content */
.dropdown {
  float: left;
  overflow: hidden;
}

a.on-mobile-only { display: none; }

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
  font-size: 15px;
  border: none;
  outline: none;
  color: #ffb718;
  font-weight: bold;
  padding: 8px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
  border-radius: 10px;
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 100000;
  right: 0;
  padding: 20px;
  font-size: 14px;
  border-radius: 10px;
}

/* Style the links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-size: 14px;
  border-radius: 5px;
}

/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #ffb718;
  color: white;
  text-decoration: none;
}

/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
  display: block;
}






.padding-20 { padding: 20px; }
.column {
  float: left;
  width: 33.33%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.link-icon-container { margin: 20px 10px; }
.button-links-icon {
	width: 100%;
	position: relative;
	text-align: center;
}
.button-links-icon a {
	position: relative;
	display: inline-block;
	padding: 17px 18px;
	background: #fff;
	border-radius: 50%;
	margin: 0 6px;
}



.input-control { display: block; margin-bottom:25px; margin-top: 20px; }
.input-control input { display: block; width: 96%; padding: 5px; border: 0; border-bottom: 2px solid #e1e1e1; transition: all .3s;}
.input-control input:focus {  outline:none; border-bottom: 2px solid #222; border-color: #222; }
.input-control label { display:block; }
.input-control button {
	background-color: #e1e1e1;
    border: 0;
    padding: 10px 20px;
    border-radius: 10px;
    font-weight: bold;
    transition: all .3s;
}
.input-control button.full-width { display: block; width:100%; }

.fg-white, .fg-white a:link { color: #fff; }
.bg-white, .input-control button.bg-white { background-color: #fff; }
.bg-darkgray, .input-control button.bg-darkgray { background-color: #3b3b3b; }
.bg-amber, .input-control button.bg-amber { background-color: #ffb718; }

button.bg-darkgray:hover,
button.bg-amber:hover,
button.bg-white { cursor: pointer; }
button.bg-darkgray:hover { background-color: #000; }
button.bg-amber:hover { background-color: #ff8a00; }


.logo-banners {	display: grid; margin-top: 20px; }
.logo-banners .logo-items {	grid-row: 1; margin-right: 25px; text-align:center; }
.logo-banners .logo-items:last-child { margin-right: 0; }
.logo-items source, .logo-items img { max-width:auto; height: 35px;}
.logo-items .logo-names { margin-top: 20px; }


.grid-container { display: grid; grid-gap: 10px;}
.grid-item { text-align: left; }
.one-two-one { grid-template-columns: 1fr 2fr 1fr; }
.two-two-one { grid-template-columns: 2fr 2fr 1fr; }
.one-third { grid-template-columns: 1fr 3fr; }
.third-one { grid-template-columns: 3fr 1fr; }
.one-half { grid-template-columns: 1fr 1fr; }



@media screen and (max-width: 480px) {
	.header-v3 .header-menu { display: none; }
	.header-v3 .header-logo, .header-v3 .header-dropmenu { width: 45% !important;padding: 9px; }
	.header-v3 .header-logo {  }
	.topnav a:hover, .dropdown:hover .dropbtn {
		background-color: transparent;
	}

	nav ul { display: flex; }
	nav li { width: 57px; padding: 1rem .5rem !important; }

	.row .column { 
		width: 100%;
	}
	.row .column:nth-child(1) {
		padding-top: 20px;
	}
	.row .column:nth-child(2) {
		padding-bottom: 20px;
	}
	.link-icon-container {margin: 0}
	.link-icon-container a {
		font-size: 25px;
        width: 35px;
        height: 35px;
	}

	.logo-banners {     display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 20px;
    gap: 10px;}
	.logo-banners .logo-items {     display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px 0;
    min-width: 120px; }
	.logo-items source, .logo-items img { max-width:auto; height: 30px;}
	.desktop-only { display: none; }
}	

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
	padding: 10px;
  }

  .dividerMenu{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 1px;
	width: 90%;
	background: #a7a7a7;
  }

  .dropdown .dropbtn, .dropdown:hover .dropbtn {
	justify-content: center;
		background: #fff;
		color: #777;
		margin-left: 45px;
		margin-top: 10px;
	}

	.dropdown{
		display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	}

  .topnav.responsive {
  	position: fixed;
  	right: 10px;
  	top: 19px;
  	width: auto;
  	background: #fff;
    z-index: 1000;
	border-radius: 12px;
	padding: 10px 0 0 0;
  }

  .topnav.responsive a.icon {
    position: absolute;
    right: 0px;
    top: 0px;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
    color: #444;
    font-weight: bold;
    padding: 20px 16px;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content { position: relative; display: block;}
  .topnav.responsive .dropdown .dropbtn {
    display: none;
    width: 100%;
    text-align: left;
  }
  .dropdown-content {
  	padding:0 10px 10px 10px;
  	background-color: transparent;
  	/* margin-bottom: 10px; */
  	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0);
  }
  .dropdown-content a {
  	font-weight: normal !important;
  }


}

.advanced-search-upgrade-button {
	position: absolute; 
	z-index: 10000; 
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%);
}

.advanced-search-blur-opacity {
	filter: blur(3px); 
	opacity: 0.5;
}

.advanced-search-active {
	color: #ffb718;
    background: none;
    border: 0px;
    font-weight: bold;
	padding: 6px;
}

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.multi-select {
	position: relative;
	display: inline-block;
	max-width: 300px;
}
  
.multi-select-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	height: 300px;
    overflow: auto;
}
  
.multi-select-content label {
	display: flex;
	color: black;
    border-bottom: 1px solid #d3d3d3;
    cursor: pointer;
	align-items: center;
	width: 250px;
}
  
.multi-select:hover .multi-select-content {
	display: block;
}

.multi-select-selected {
	margin-top: 5px;
	margin-bottom: 5px;
	color: white;
}

.advanced-search-modal {
	display: none;
	position: fixed; 
	z-index: 1; 
	left: 0;
	top: 0;
	width: 100%;
	height: 100%; 
	overflow: auto; 
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4); 
}
  
.advanced-search-modal-content {
	background-color: #222222;
	margin: 2% auto; 
	width: 35%; 
}

@media screen and (max-width: 1700px) {
	.advanced-search-modal-content {
		width: 40% !important; 
	}
}

@media screen and (max-width: 1500px) {
	.advanced-search-modal-content {
		width: 45% !important; 
	}
}

@media screen and (max-width: 1320px) {
	.advanced-search-modal-content {
		width: 50% !important; 
	}
}

@media screen and (max-width: 1200px) {
	.advanced-search-modal-content {
		width: 55% !important; 
	}
}

@media screen and (max-width: 1080px) {
	.advanced-search-modal-content {
		width: 60% !important; 
	}
}

@media screen and (max-width: 990px) {
	.advanced-search-modal-content {
		width: 65% !important; 
	}
}



nav {
	margin-left: 50px;
}
nav > ul > li > a {
  color: #ffb718;
}
nav ul { margin: 0; }
nav ul {
  background: transparent;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

nav li {
	color: #fff;
	background: transparent;
	display: block;
	float: left;
	padding: 1rem;
	position: relative;
	text-decoration: none;
	transition-duration: 0.3s;
	border-radius: 10px;
}

nav > ul > li > a {
	  font-size: 15px;
  color: #ffb718 !important;
  font-weight: bold;
  text-decoration: none;
}
nav > ul > li > a:hover {
	text-decoration: none;
	color: #fff;
}

nav li:hover,
nav li:focus-within {
	background: #ffb718;
	cursor: pointer;
	color: #fff!important;
	
}
nav li:hover > a, 
nav > ul > li:focus-within > a {
  outline: none;
  text-decoration:none;
  color: #fff !important;
}

nav ul li ul {
	background: #fff;
	visibility: hidden;
	opacity: 0;
	min-width: 160px;
	width: 220px;
	position: absolute;
	transition: all 0.5s ease;
	margin-top: 1rem;
	left: 0;
	display: none;
	color: #ffb718;
	
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
nav ul li ul {
	color: #ddd;
	padding: 20px;
	z-index: 1000;
}

nav ul li:hover > ul,
nav ul li:focus-within > ul,
nav ul li ul:hover,
nav ul li ul:focus {
	visibility: visible;
	opacity: 1;
	display: block;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

nav ul li ul li {
	clear: both;
	width: 86%;
	display: block;
	margin: 0;
	padding: 12px;
	border-radius: 5px;
}
nav ul li ul li:hover {
	background: #ddd;
	color: #000;
}
nav ul li ul li > a {
	padding: 6px 10px 6px 0px;
	font-weight: normal;
	color: #a7a7a7;
	font-size: 14px;
}
nav ul li ul li:hover a {
	color: #000  !important;
}



/* Style for the container */
.ftr-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 equal-width columns */
  gap: 20px; /* Spacing between columns */
}

/* Style for individual items inside the container */
.ftr-container .item {
  background-color: #f4f4f4;
  padding: 20px;
  border: 1px solid #ddd;
  text-align: center;
}

@media (max-width: 600px) {
  .ftr-container {
    grid-template-columns: 1fr; /* 1 column on small screens */
    text-align: center;
  }

  .ftr-item {
  	text-align: center;
  }
}