/* Not Just a Grid v1.0 (c) 2011 Al Redpath / Outrageous Creations! Licenced under an MIT Licence*/
/* ---------------------------------------------------------------------------- */
/* Filetype hint icons -------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
a[href ^='mailto:'] {
padding-right: 10px;
/*background: transparent url(../images/notjustagrid/icons/icon-email-tiny.png) no-repeat right top;*/
}
a[href $='.pdf'] {
padding-right: 10px;
background: transparent url(../images/notjustagrid/icons/icon-pdf-tiny.png) no-repeat right top;
}
a[href $='.xls'] {
padding-right: 10px;
background: transparent url(../images/notjustagrid/icons/icon-excel-tiny.png) no-repeat right top;
}
a[href $='.ppt'] {
padding-right: 10px;
background: transparent url(../images/notjustagrid/icons/icon-powerpoint-tiny.png) no-repeat right top;
}
a[href $='.doc'] {
padding-right: 10px;
background: transparent url(../images/notjustagrid/icons/icon-word-tiny.png) no-repeat right top;
}
a[href $='.rtf'] {
padding-right: 10px;
background: transparent url(../images/notjustagrid/icons/icon-document-tiny.png) no-repeat right top;
}
a[href $='.txt'] {
padding-right: 10px;
background: transparent url(../images/notjustagrid/icons/icon-document-tiny.png) no-repeat right top;
}
a[href $='.wmv'] {
padding-right: 10px;
background: transparent url(../images/notjustagrid/icons/icon-video-tiny.png) no-repeat right top;
}
a[href $='.mov'] {
padding-right: 10px;
background: transparent url(../images/notjustagrid/icons/icon-video-tiny.png) no-repeat right top;
}
a[href $='.avi'] {
padding-right: 10px;
background: transparent url(../images/notjustagrid/icons/icon-video-tiny.png) no-repeat right top;
}
a[href $='.mpg'] {
padding-right: 10px;
background: transparent url(../images/notjustagrid/icons/icon-video-tiny.png) no-repeat right top;
}
a[href $='.swf'] {
padding-right: 10px;
background: transparent url(../images/notjustagrid/icons/icon-video-tiny.png) no-repeat right top;
}
a[href $='.flv'] {
padding-right: 10px;
background: transparent url(../images/notjustagrid/icons/icon-video-tiny.png) no-repeat right top;
}
a[href $='.f4v'] {
padding-right: 10px;
background: transparent url(../images/notjustagrid/icons/icon-video-tiny.png) no-repeat right top;
}
a[href $='.rss'] {
padding-right: 10px;
background: transparent url(../images/notjustagrid/icons/icon-rss-tiny.png) no-repeat right top;
}
a[href $='.rm'] {
padding-right: 10px;
background: transparent url(../images/notjustagrid/icons/icon-video-tiny.png) no-repeat  right top;
}
/* ---------------------------------------------------------------------------- */
/* error boxes ---------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
.warning, .error, .success, .question{
	display:block;
padding:20px 15px 20px 70px;
background-repeat:no-repeat;
background-position:10px center;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
/* -webkit-box-shadow: 0px 2px 4px #cfcfcf;
 -moz-box-shadow: 0px 2px 4px #cfcfcf;
 box-shadow: 0px 2px 4px #cfcfcf;*/
margin:20px;
text-align:left;
position:relative;
}
.error.products{
padding:10px;
text-align:center;
background-image:none;
}

.manpack {
border:1px solid #d18819;
background-color:#FFFFCC;
color:blue;
display:block;
background-repeat:no-repeat;
border-radius:3px;
padding:5px;
margin:5px;
text-align:left;
position:relative;
}

.manpackline
{
	margin-bottom:3px;
	width:100%;
	display:block;
	border-bottom:1px solid #d18819;
}

.warning {
border:1px solid #d18819;
background-image: url(../images/notjustagrid/icons/icon-warning-large.png);
background-color:#FFFFCC;
color:#660000;
}

.error {
border:1px solid #b04242;
background-image: url(../images/notjustagrid/icons/icon-error-large.png);
background-color:#f6d4d7;
color:#660000;
}

.success {
border:1px solid #459a2a;
background-image: url(../images/notjustagrid/icons/icon-success-large.png);
background-color:#e0ffc7;
color:#2a4f0b;
}
.question {
border:1px solid #637ec1;
background-image: url(../images/notjustagrid/icons/icon-question-large.png);
background-color:#dde2ee;
color:#2e52aa;
}
.warning div, .error div, .success div, .question div, .manpack div {
border:10px solid transparent;
height:0px;
width:0px;
position:absolute;
bottom:-25px;
left:75px;
}
.warning div {
border-top:15px solid #d18819;
}

.manpack div {
border-top:15px solid #d18819;
}

.error div {
border-top:15px solid #b04242;
}
.success div {
border-top:15px solid #459a2a;
}
.question div {
border-top:15px solid #637ec1;
}

.noteditmanpack {
color:Green;	
text-decoration:none;
}
.editmanpack {
color:red;	
text-decoration:none;
}

/* ---------------------------------------------------------------------------- */
/* Pagination styles ---------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* Product page selector for Grid or list layout and order by */

			.pagination .view a{
			display:inline-block;
			margin:0 1px 0 4px;
			text-indent:-9999px;
			vertical-align:middle;
			zoom:1;
			}
			.pagination .view span{
			overflow:hidden;
			display:block;
			width:25px;
			height:22px;
			}
			
			.pagination .view span.nav-inline{
			text-indent:0px;
			padding-top:5px;
			padding-right:2px;
			width:23px;
			height:17px;
			text-align:center;
			font-size:85%;
			color:#7c92ab;
			font-weight:bold;
			background:url(../images/blank-button-icons.png) no-repeat 0 0;
			}
			.pagination .view span.pricelow-inline{
			background:url(../images/price-order.png) no-repeat 0 0;
			}
			.pagination .view span.pricehigh-inline{
			background:url(../images/price-order.png) no-repeat 100% 0;
			}
			.pagination .view span.abc-inline{
			background:url(../images/abc.png) no-repeat 0 0;
			}
			
			.pagination .view a:hover span.nav-inline{
			background-position:0 100%;
			}
			.pagination .view a:hover span.pricelow-inline{
			background-position:0 100%;
			}
			.pagination .view a:hover span.pricehigh-inline{
			background-position:100% 100%;
			}
			.pagination .view a:hover span.abc-inline{
			background-position:0 100%;
			}
			
			
			.pagination .view span.view-inline{
			background:url(../images/btn-views.png) no-repeat 0 0;
			}
			.pagination .view span.view-blocks{
			background:url(../images/btn-views.png) no-repeat 100% 0;
			}
			.pagination .view a:hover span.view-inline{
			background-position:0 100%;
			}
			.pagination .view a:hover span.view-blocks{
			background-position:100% 100%;
			}
			.pagination .view a.active span.view-inline{
			background-position:0 100%;
			}
			.pagination .view a.active span.view-blocks{
			background-position:100% 100%;
			}
/* End of Product page selector for Grid or list layout */

div.pagescontainer{
padding: 3px;
margin: 3px;
text-align:center;
color:#eee;
}


div.pagescontainer a.paginator, div.pagescontainer span.ghost, span.pagecount, div.pagescontainer span.current {
font-size:80%;
text-transform:capitalize;
text-decoration: none;
line-height:30px;

color: #7c92ab;
padding:3px;
height:30px;
margin:2px;
text-align:center;
text-shadow: 0 -1px 1px #f7f7f7;
border-bottom: 1px solid #9c9ca2;
border-top: 1px solid #9c9ca2;
border-right: 1px solid #9c9ca2;
border-left: 1px solid #9c9ca2;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius: 4px;
box-shadow: 0 2px 2px #d6d7df;
-moz-box-shadow: 0 2px 2px #d6d7df;
-webkit-box-shadow: 0 2px 2px #d6d7df;
text-shadow: 0 1px 1px #fff;
background:#fff url(../images/notjustagrid/misc/transoverlay-matte.png) repeat-x;
}
div.pagescontainer a:hover, div.pagescontainer a:active {
background-color:#eeeeee;
box-shadow: 0 0px 0px;
-moz-box-shadow: 0 0px 0px;
-webkit-box-shadow: 0 0px 0px;
/*color: #666 !important;*/
/*text-shadow: 0 -1px 1px #999;*/
}

div.pagescontainer span.pagecount{
border-bottom: 1px solid #9c9ca2;
border-top: 1px solid #9c9ca2;
border-right: 1px solid #9c9ca2;
border-left: 1px solid #9c9ca2;
background-color:#fff;
color:#7c92ab;
/* box-shadow: 0 1px 3px #cfcfcf;
-moz-box-shadow: 0 1px 3px #cfcfcf;
-webkit-box-shadow: 0 1px 3px #cfcfcf;*/
}

div.pagescontainer span.ghost {
border-bottom: 1px solid #cfcfcf;
border-top: 1px solid #cfcfcf;
border-right: 1px solid #cfcfcf;
border-left: 1px solid #cfcfcf;
background-color:#fff;
color:#ccc;
/* box-shadow: 0 1px 3px #cfcfcf;
-moz-box-shadow: 0 1px 3px #cfcfcf;
-webkit-box-shadow: 0 1px 3px #cfcfcf;*/
}
div.pagescontainer span.current {
background-color: #5c7d98;
color: #fff;
/*text-shadow: 0 -1px 1px #f7f7f7;*/
}


div.pagescontainer strong{
	color:#333;
}

/* Table Pagenation */
tr.pagescontainer{
padding: 3px;
margin: 3px;
text-align:left;
color:#eee;
}

tr.pagescontainer a.paginator, tr.pagescontainer span.ghost, span.pagecount, tr.pagescontainer span {
font-size:80%;
text-transform:capitalize;
text-decoration: none;
line-height:30px;

color: #7c92ab;
padding:3px;
height:30px;
margin:2px;
text-align:center;
text-shadow: 0 -1px 1px #f7f7f7;
border-bottom: 1px solid #9c9ca2;
border-top: 1px solid #9c9ca2;
border-right: 1px solid #9c9ca2;
border-left: 1px solid #9c9ca2;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius: 4px;
box-shadow: 0 2px 2px #d6d7df;
-moz-box-shadow: 0 2px 2px #d6d7df;
-webkit-box-shadow: 0 2px 2px #d6d7df;
text-shadow: 0 1px 1px #fff;
background:#fff url(../images/notjustagrid/misc/transoverlay-matte.png) repeat-x;
}
tr.pagescontainer a:hover, tr.pagescontainer a:active {
background-color:#eeeeee;
box-shadow: 0 0px 0px;
-moz-box-shadow: 0 0px 0px;
-webkit-box-shadow: 0 0px 0px;
/*color: #666 !important;*/
/*text-shadow: 0 -1px 1px #999;*/
}

tr.pagescontainer span.pagecount{
border-bottom: 1px solid #9c9ca2;
border-top: 1px solid #9c9ca2;
border-right: 1px solid #9c9ca2;
border-left: 1px solid #9c9ca2;
background-color:#fff;
color:#7c92ab;
/* box-shadow: 0 1px 3px #cfcfcf;
-moz-box-shadow: 0 1px 3px #cfcfcf;
-webkit-box-shadow: 0 1px 3px #cfcfcf;*/
}

tr.pagescontainer span.ghost {
border-bottom: 1px solid #cfcfcf;
border-top: 1px solid #cfcfcf;
border-right: 1px solid #cfcfcf;
border-left: 1px solid #cfcfcf;
background-color:#fff;
color:#ccc;
/* box-shadow: 0 1px 3px #cfcfcf;
-moz-box-shadow: 0 1px 3px #cfcfcf;
-webkit-box-shadow: 0 1px 3px #cfcfcf;*/
}
tr.pagescontainer span {
background-color: #5c7d98;
color: #fff;
/*text-shadow: 0 -1px 1px #f7f7f7;*/
}


tr.pagescontainer strong{
	color:#333;
}