
/* Styles
----------------------------------------------- */

/* ----------------------------------------------- */
/* Old Import of CSS to combine in this CSS file   */

@import url(form.css);
@import url(pagination.css);
@import url(details.css);
@import url(presentation.css);
@import url(grid.css);

/* HTML Tags
---------------------------------------- */

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000; background-color: #fff; margin: 0;}
/* Removed "position: relative;" which was needed to fix an old (non-ext) date selector. */

hr {margin: 5px auto; color: #ccc; border: 0; border-top: 1px solid #ccc; height: 1px;}

h1, h2, h3, h4, h5, h6 {color: #333;font-weight:normal;font-family: "Trebuchet MS", Verdana, Arial, sans-serif;}
h1  	{font-size:2.2em;}
h2  	{font-size:1.8em;}
h3  	{font-size:1.3em;}
.col-main h1, .col-main h2, .col-main h3, .col-main h4, .col-main h5, .col-main h6 {color: #039;}

form {margin: 0;}

blockquote 	{
	font-family: "Times New Roman", Times, serif;
	font-style:italic;
	letter-spacing: 1px;
	word-spacing: 2px;
	color: #666;
	border-left: 2px solid #999;
	padding: 0 5px;
	font-size: 1.2em;
}

abbr			{}
acroynm			{}
cite			{}
address			{}
strong			{}
em				{}
q				{color: #330;}

/* Tables */
table.data 				{width: 100%; border-top: 1px solid #ccc; border: 1px solid #ccc; background: #fff; margin-bottom: 20px; font-size: 95%;}
table.data * 			{margin: 0; padding: 0; border-collapse: collapse;}
table.data tbody 		{border-bottom: 10px solid #fff;}
table.data th,
table.data td.th 		{padding: 5px; background: #f0f0f0; border-top: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: left; color: #000;}
table.data td 			{padding: 5px 0 2px 5px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; vertical-align: top;}
table.data td.tint 		{background: #f0f0f0; color: #666;}
table.data tr.oddRow 	{background: #f8f8fa;}
table.data tr:hover td 	{background: #efeffa;}

a img 		{border: 0;}
a:link 		{color: #03c;}
a:visited 	{color: #03c;}
a:hover 	{color: #f00; text-decoration: underline;}
a:active 	{color: #f00; text-decoration: underline;}
a:focus 	{color: #f60; text-decoration: underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Layout Blocks
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.page {position: relative; padding: 0; background: #fff; text-align: left;}

.banner {text-align: left; height: 105px; position: relative;}
.banner p {visibility:hidden; display: none;}
.banner-title	{position: absolute; top: 0; left: 0;}
.banner h1	{margin: 0; padding: 0;}
.banner h2	{font-size: 0.8em; text-transform: uppercase; letter-spacing: 8px; margin-top: -20px; padding-left: 8px; font-family: Arial, Helvetica, sans-serif;}
.banner-promos {position: absolute; right: 0; top: 20px; overflow: hidden; width: 470px; height: 62px; text-align: center; font-size: 16px; color: #999;}
.banner-promos a img {border: 1px solid #ddd;}
.banner-promos a img:hover {border-color: #999;}

/* Top Right Quick Links */
.top-layer {position: absolute; /*width: 338px;*/ right: 0; top: 5px; color: #999;}
.top-layer ul {float: right; list-style-type: none; margin: 0; padding: 0; font-size: 0.8em; width: auto; position: relative;}
.top-layer ul li {float: left; text-align: right; font-weight: normal;}
.top-layer ul li a {display: block; padding: 1px 8px; color:#03c; text-decoration: none;}
.top-layer ul li a {border-left: 1px solid #999;}
.top-layer ul li:first-child a {border-left: 0;}

/* Root Level Link Formatting */
.top-layer ul li a:hover, .top-layer li a:focus {text-decoration:underline; }
.top-layer li a:active, .top-layer ul li a.active {text-decoration:underline; font-weight:bold; }

/* The top box that holds all the photos */
.stock { height:194px; position:relative; background:#fff; padding: 0 0 10px 0; }
.banner-flash {background: url(../images/banner-flash.jpg) top left no-repeat; position: absolute; width: 432px; height: 194px; left: 0; top: 0;}

/* DIV That holds the login boxes */
.banner-logins {position: absolute; width: 420px; height: 194px; right: 0; top: 0;}

/* Login Boxes Used on the HomePage */
.banner-logins .members-box, .banner-logins .coaches-box {height: 90px; margin: 5px auto; position:relative; }
.banner-logins .members-box	{background: #a63f40 url(../images/bg-login-members.jpg) top left no-repeat; color: #fff;}
.banner-logins .coaches-box	{background: #689cce url(../images/bg-login-coaches.jpg) top left no-repeat; color: #fff;}
.banner-logins .logged-in-box {background: #fff url(../images/bg-us-flag-upper-right.jpg) top left no-repeat; color: #333;}

/* Login box formattings & styles */
.banner-logins fieldset	{border: 0; padding: 0;}
.banner-logins legend {background: url(../images/icons/lock.gif) 10px 8px no-repeat; padding: 5px 0px 4px 32px; text-align: right; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 16px; font-weight: bold;}
.banner-logins legend, .banner-logins label {color: #fff;}

.banner-logins .login-bits 	{padding: 5px 2px 0 2px;}
.banner-logins .form-col 	{float: left;}
.banner-logins .form-col-username {width: 200px;}
.banner-logins .form-col-password {width: 170px;}
.banner-logins label		{display: block; margin: 0; padding: 0 0 0 10px; font-size: 11px;}
.banner-logins input		{margin: 10px 0 0 0;}
.banner-logins .autofill 	{background: #ffa;}
.banner-logins .text		{width: 180px; margin: 3px 0 0 10px;}
.banner-logins .password 	{width: 150px;}
.banner-logins .submit		{margin: 17px 0 0 10px; width: 60px; height: 22px; border: 1px solid #666; font-weight: normal;}
.banner-logins .members-box .submit {background: #eee; color: #a63f40;}
.banner-logins .coaches-box	.submit {background: #eee; color: #039;}

.banner-logins .members-box .text 	{border: 2px solid #a63f40;}
.banner-logins .coaches-box .text 	{border: 2px solid #689cce;}
.banner-logins .text:hover 			{border-color: #666;}
.banner-logins .text:focus 			{border-color: #fff;}
.banner-logins .autofill:hover 		{border-color: #666;}
.banner-logins .autofill:focus 		{border-color: #ffa;}

.banner-logins .forgot	{margin: 0 5px 0 0; text-align: right; font-size: 10px; }
.banner-logins a:link, .banner-logins a:visited	{}
.banner-logins a:hover, .banner-logins a:active	{}

/* Columns
------------------------------ */
.columns 	{margin: 20px auto; clear: both;}
.col-main 	{}
.col-side 	{}
.col-full 	{}

.defaultsolo, .irishsolo {}
.defaultsolo .col-main-content, .irishsolo .col-main-content {padding-right: 0px; border-right: 0;}
.defaultduo 	{}
.defaulttri 	{}

/* Side Column Formatting 
------------------------------ */
.col-side h1 			{margin: 0; padding: 0;}
.col-side a:link img, 
.col-side a:visited img	{border: 2px solid #fff;}
.col-side a:hover img, 
.col-side a:active img 	{border: 2px solid #eee;}

/* Side Forms */
.col-side h1  				{margin: 0; padding: 3px 0; border-bottom: 1px solid #039; font-size: 16px; color: #039;}
.col-side fieldset 			{margin: 0; padding: 10px 0; border: 0;}
.col-side legend 			{}

/* Side Search */
label.search-mini-label 			{display: none;}
input.search-mini-input 			{margin: 0; width: 160px; background: #fff url(../images/icons/zoom.gif) 99% 50% no-repeat; width: 150px; height: 16px; color: #666; border: 1px solid #ccc;}
input.search-mini-input:hover, 
input.search-mini-input:focus 		{border-color: #666;}
input.search-mini-submit 			{width: 56px; background: #fff; color: #039; border: 1px solid #ccc; font-size: 14px;}
input.search-mini-submit:hover 		{border-color: #666;}

/* Main Column Formatting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*.col-main img 		{margin: 10px; border: 1px solid #ddd;}*/
.col-main-content 	{padding-right: 20px; border-right: 1px solid #ccc; line-height: 1.6em;}
.col-main h1 		{font-size: 16px; border-bottom: 1px solid #039; background: #fefefe url(../images/icons/sport_soccer.gif) 5px 5px no-repeat; padding: 4px; text-indent: 24px;}
.col-main em 		{color: #333;}

/* Customise forms on main text area */
.col-main form 		{margin: 5px;}
.col-main fieldset 	{margin: 10px;}

* html #contentContainer #content,
* html #contentContainer #content-full {text-align:left;} /* ie6 misbehaves */
* html #contentContainer #content table,
* html #contentContainer #content-full table {width: 90%;} /* ie6 fix to stop tables being pushed below floats */

#content fieldset, #content-full fieldset {margin:5px; border: 1px solid #999;padding:4px;}
#content fieldset:hover, #content-full fieldset:hover {background:#fff;}
#content legend, #content-full legend {font-size:1.3em;color: #333;font-weight:normal;font-family:"Times New Roman", Times, serif;}


/* Google Maps Div */
#content #map, #content-full #map {text-align:center; margin:10px;padding:5px;}


/* end Main Content Customisations ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.footer 			{position: relative; font-size: 12px; color: #666; padding: 10px 5px 10px 5px; clear: both; text-align:left; border-bottom: 1px solid #ddd;}
.footer p 			{margin: 5px;}
.footer .logos 		{text-align: center; margin: 10px 0; border-top: 1px dotted #ddd;}
.footer .logos p 	{}

.footer-top			{}
.footer-left 		{}
.footer-right 		{}

.footer-left a 		{color: #666; text-decoration: none;}

.extras {padding: 10px 0; font-family: Tahoma, "Lucida Sans", sans-serif; color: #666;}
.extras p {margin: 0}
.extras dl {margin: 5px 0 0 10px; padding: 0;}
.extras dt {}
.extras dd {margin: 0 0 0 20px; font-size: 10px;}
.extras ul {margin: 5px; padding: 0; color: #888;}
.extras ul a {text-decoration: none;}
.extras ul a:link 		{color: #888;}
.extras ul a:visited 	{color: #999;}
.extras ul a:hover,
.extras ul a:focus
.extras ul a:active 	{color: #666; text-decoration: underline;}

.author, .coding 					{text-align: right; font-size: 10px;}
.author a, .coding a 				{color: #999; text-decoration: underline;}
.author a:hover, .coding a:hover 	{color: #f80;}


/* Customise the Login Box */
#login-box { background: #fefefe; text-align: center;	line-height: 140%; margin: 1em 0 0.3em 0; border: 1px solid #ddd;}
#login-box fieldset {border:0;text-align:center;}
#login-box legend		{
	font-size: 90%;
	text-transform: uppercase;
	font-family:"Times New Roman", Times, serif;
	color: #333;
	font-weight: normal;
	letter-spacing: 0.15em;
}


#login-box input {
	text-transform: uppercase;
	font-size: 10px;
	margin: 5px 0px 1px 0px;
	width: 100px;
}

#logo-box {	text-align:center; }
#logo-box img {margin-bottom:5px;}

/* Forms
------------------------------ */

/* Register Form/Free Evaluation */
/*#registerForm 			{}*/
/*.x-form-item 					{}
.x-form-item label 				{float: left;}
.x-form-item .x-form-element 	{float: right; padding-left: 0 !important;}
.x-fieldset 					{float: none; clear: both;}*/

.form-label-note {padding: 0 4px; font-size: 10px; color: #222;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* old cmstone css ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* Top options
------------------------------ */
.nav {width:auto; display:block; clear:both; margin-top: 10px; margin-bottom: 10px;}

.nav-inner {/* see menu.css for list styles */}


/* Crumbs */
.crumbs {float: left; margin-left: 5px; width: 495px; color: #666;}
.crumbs p {margin: 0; padding: 5px 10px;}
.crumbs a {text-decoration: none;}





/* Sub Navigation */
#side_menu {color: #333; text-align: right; line-height: 1.6em; font-size: 0.8em; margin-top:12px; }
#side_menu ul {list-style-type:none;}


/*  Float containers fix: */ 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix{display: inline-block;} 
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;} 
.clearfix{display: block;}
/* End hide from IE-mac */


/* Faux Columns */
div.col_left	{width: 46%; float:left;  margin:5px}
div.col_right	{width: 46%; float:right; margin:5px; clear:right; }
dibv.col_clear	{clear:both; margin:5px; }


@media print {
	.col-side, 
	.nav-inner, 
	.top-layer, 
	.banner-promos, 
	.stock, 
	.extras dl, 
	.footer-right, 
	.coding, 
	.author,
	.footer-top, 
	.footer .logos, 
	div.button, 
	.button-back 			{margin: 0; padding: 0; display: none; visibility: hidden; margin: 0; padding: 0; float: none; clear: both;}
	
	body, body *			{font-size: 13pt !important; margin: 0; padding: 0; float: none; clear: both;}
	.columns, 
	.col-main 				{text-align: left;}
	.page, 
	.extras, 
	.banner 				{margin: 0; padding: 0 0 0 100px; width: auto;}
	.page 					{text-align: left;}
	.extras 				{text-align: center; border: 0;}
	.col-main 				{width: 100%;}
	.banner 				{position: static; text-align: center !important;}
	.banner-title			{position: static; width: auto; margin: 0; padding: 0; text-align: center;}
	.banner-title h1 		{text-align: center;}
	.banner-title h1 img	{margin: 0 auto 0 230px;} /* scale by 50% = width:120px; height:50px; */
	.footer-left 			{margin: 0; padding: 0; width: 100% !important; text-align: center !important;}
	.footer-top 			{margin: 0 100px;}
}


/* Website navigation
---------------------------------------- */

/* Top menu (Pop-out below)
------------------------------ */
.nav-inner ul, .nav-inner li, .nav-inner a {z-index: 100;}

.nav-inner ul {list-style-type: none; margin: 0; padding: 0; font-size: 10px; background:#fff; }
.nav-inner ul li {float: left; color: #333; text-align: center; }
.nav-inner ul li a {display: block; color: #333; padding: 5px 6px 4px 6px; text-decoration: none;}
.nav-inner ul li a {border: 1px solid #fff; border-left: 1px solid #666;}
.nav-inner ul li:first-child a {border-left: none;}

.nav-inner ul li a:hover, .nav-inner li a.active:hover {background: #666; color:#fff; border-color: #666;}
.nav-inner li a:focus, .nav-inner li a:active, .nav-inner ul li a.active {background: #fff; background-image: none; border-color: #fff; color: #333;}

/* Header menu */
#header_menu {position: absolute;}
#header_menu li {line-height: normal;}

#header_menu ul {z-index: 10; clear: both;}

/* Child menu */
.nav-inner .menu li ul {
	position: absolute; width: 14em; margin: 0; display: none; text-transform: none; border: 1px solid #666;
	font-size: 100%; background:#fff; }
.nav-inner .menu li ul li {width: 14em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1em;}
.nav-inner .menu li ul a {width: 13.5em; padding: .6em .1em .6em .4em; background: #fff; color: #333; border: 0;}

/* Child link hover */
.nav-inner .menu li ul a:hover {background: #666; color: #fff; border: 0;}

/* Hover Controls */
.nav-inner .menu li:hover ul, .nav-inner .menu li a:focus ul, .nav-inner .menu li.subMenu ul {display: block;}
.nav-inner .menu li ul ul { display: none;}
.nav-inner .menu li:hover ul ul, .nav-inner .menu li.subMenu ul ul {display: none;}
.nav-inner .menu li:hover ul, .nav-inner .menu li li:hover ul, .nav-inner .menu li.subMenu ul, .nav-inner .menu li li.subMenu ul {display: block;}


/* Side menu (list with sub links below)
----------------------------------------------- */
.col-side .menu 		{list-style-type: none; color: #00f; margin: 0; padding: 0; font-size: 100%; line-height: normal;}
.col-side .menu li 		{margin: 0; padding:0;}
.col-side .menu li a 	{display: block; width: 210px; text-decoration: none; padding: 10px 5px; color: #00f; border-bottom: 1px solid #ccc;}

/* Link states */
.col-side .menu li a:link, .col-side .menu li a:visited {color: #03c;}
.col-side .menu li a:hover, .col-side .menu li a:focus, .col-side .menu li a:active {color: #f00; border-color: #03c; text-decoration: none;}

.col-side .menu li a.navSubGroup {color: #000;}

/* 2nd level */
.col-side .menu ul {list-style-type: none; margin: 0; padding: 0; font-size: 90%; text-transform: none;}
.col-side .menu ul li {font-weight: normal; margin: 0; padding: 0; color:#f00; }
.col-side .menu ul li a {border-color: #dedede;}

/* 3rd level */
.col-side .menu ul ul {margin-top: 0; font-size: 90%;}
.col-side .menu ul ul li {}
.col-side .menu ul ul li a {border-color: #fff; color: #888;}

/* Current Page */
.menu li a.active {font-weight: bold; text-decoration: underline;}
.nav-inner ul li a.active	{border-right: 1px solid #666;}

/* Side Menu Titles (no <a> links) */
div.loginMenu ul.menu li.navSubGroup	{font-weight:bold; color:#222; font-size: 90%; line-height:2em; }
div.loginMenu ul.menu li.navSubGroup ul li {line-height:normal; }
div.loginMenu ul.menu ul.member1	{margin-top:10px; }
div.loginMenu ul.menu ul.member2	{margin-top:10px; }

/* Navigation
------------------------------ */
/* All menus - remove unordered list defaults */
.menu, .menu ul {list-style-type: none; margin: 0; padding: 0;}
.menu a {text-decoration: none;}

/* Logged in menus */
.login-menu 					{padding: 7px 0 10px 0;}
.login-menu li 					{float: left; width: 120px; margin: 0 0 0 15px}
.login-menu li:first-child 		{margin-left: 10px;}
.login-menu .button a 			{display: block; line-height: 22px; vertical-align: middle; text-align: center}
.login-menu .button a:link, .login-menu .button a:visited 	{background: #009; color: #fff}
.login-menu .button a:hover 	{background: #900; color: #fff;}
.login-menu .button a.disabled 	{background: #666; color: #fff;}

/* Boxes
------------------------------ */
.box 		{margin: 0 auto 10px auto}
.box-inner 	{}


/* Article boxes (news, blog, etc.)
------------------------------ */
.article {}
.article .container {}
.article .container:hover {}
.article .icon-info {}

/* Add This
------------------------------ */
.add-this {width: 125px;}

/* News
------------------------------ */
.news {}

/* Preview
-------------------- */
.news-preview 						{margin: 0 0 2em 0; border-bottom: 1px solid #999; position: relative;}
.news-preview .container 			{margin-top: 5px;}
.news-preview .news-content 		{}
.news-preview .news-content img 	{}
.news-preview h2.news-title 		{font-size: 1.32em; letter-spacing: 1px; background: transparent url(../images/icons/page_world.gif) 0 50% no-repeat; text-indent: 22px;}
.news-preview h2.news-title a 		{text-decoration: none; color: #E41E26; text-transform: uppercase; font-weight: bold;}
.news-preview .news-info 			{}
.news-preview .news-date 			{color: #E12323; font-size: 0.86em; position: absolute; top: 0; right: 0; background: transparent url(../images/icons/date.gif) 100% 50% no-repeat; padding-right: 22px; z-index: 0;}
.news-preview .news-author 			{position: absolute; top: -999em; left: -999em;}
.news-preview .news-category 		{}
.news-preview .news-more 			{font-size: 90%;}
.news-preview .news-more a 			{}
.news-preview .news-more a strong 	{font-weight: normal;}

/* Full Article
-------------------- */
.news-article 						{}
.news-article .news-details 		{}
.news-article .news-date 			{}
.news-article .news-author 			{}
.news-article h1.news-title 		{font-size: 1.32em; letter-spacing: 1px; background: url(../images/icons/page_world.gif) 0 50% no-repeat; text-indent: 22px; color: #E41E26; text-transform: uppercase; font-weight: bold;}
.news-article h1.news-title strong 	{font-weight: normal;}
.news-article .news-content 		{}
.news-article p, .news-article blockquote {margin-top: 1.33em;}
.news-article hr 					{margin: 5px auto;}
.news-article .news-extra 			{position: absolute; top: -999em; left: -999em;}
.news-article .news-back 			{}
.news-article .news-back .button	{float: left; width: 96px; height: 24px; overflow: hidden; font-weight: bold; text-align: center;}
.news-article .news-back .button a 	{display: block; height: 24px; line-height: 24px; vertical-align: middle; background: #039; color: #fff; text-decoration: none;}
.news-article .news-link 			{}
.news-article .news-link code		{border-left: 5px solid #ddd; padding: 5px 0 5px 4px; font-size: 10px;}

/* News scroller
-------------------- */
#newsTickerArea, #newsbox {height: 200px;}

#newsbox {border: 0; padding: 0;}
#newsbox a {text-decoration: none;}
.newsticker {} /* class to apply to your scroller(s) if desired */

.newsTicker {padding-bottom: .25em;}
.newsTicker .container {border: 0; border: 0; color: #333; margin: 0; margin-bottom: .25em; padding: 0; font-size: 11.5px;}
.newsTicker .container img {display: none;}
.newsTicker .container:hover {}
.newsTicker .newsDate {margin: 0; padding: 0; font-size: 90%; font-style: italic;}
.newsTicker h2.newsTitle {margin-top: 0; margin-bottom: 0;}
.newsTicker h2.newsTitle a {text-decoration: none;}
.newsTicker .newsAuthor {display: none;}
.newsTicker .newsMore {margin: 0; padding: 0;}
.newsTicker .newsMore strong {font-weight: normal;}
.newsTicker .newsMore a {}

/* Pagination 
------------------------------ */
.pagination-results 	{margin: 20px auto 10px auto; text-align: center;}
.pagination-summary 	{font-size: 10px;}
.pagination-options 	{margin: 5px 0 0 0; font-size: 11px;}

.pagination-summary .current-page 	{}
.pagination-summary .total-pages 	{}

.pagination-results a 					{text-decoration: none;}
.pagination-results ul.pages 			{display: inline; margin: 0 auto; padding: 0; list-style-type: none;}
.pagination-results ul.pages li 		{display: inline; padding: 0;}
.pagination-results ul.pages li a 		{margin: 0 2px; padding: 2px 6px 2px 9px; border: solid 1px #ccc; background: #eee; color: #444;}
.pagination-results ul.pages a:hover 	{border-color: #999; background: #ddd; color: #444;}
.pagination-results ul.pages a:focus 	{border-color: #444; background: #ccc; color: #444;}
.pagination-results ul.pages a.current 	{border-color: #444; background: #ccc; color: #444; font-weight: bolder;}

.pagination-results .next a, .pagination-results .previous a 				{padding: 2px 6px; border: 1px solid #ccc; background: #f0f0f0; color: #4b4c4d;}
.pagination-results .next a, .pagination-results .previous a 				{padding: 2px 6px; border: 1px solid #ccc; background: #fff;}
.pagination-results .next a:hover, .pagination-results .previous a:hover 	{border-color: #999; background: #ddd; color: #444;}
.pagination-results .next a:focus, .pagination-results .previous a:focus 	{border-color: #444; background: #ccc; color: #444;}
.pagination-results .next a 												{margin-left: 4px;}
.pagination-results .previous a 											{margin-right: 0;}
.pagination-results .disabled 												{margin: 0 2px; padding: 2px 6px; border: solid 1px #ddd; background: #fff; color: #ccc;}

/* Icons for buttons
------------------------------ */
.x-btn-small button {background-repeat: no-repeat; background-position: 50% 50%}

.x-btn-small .add {background-image: url(../images/icons/plus.png)}
.x-btn-small .new {background-image: url(../images/icons/plus.png)}
.x-btn-small .edit,
.x-btn-small .edit_file_button {background-image: url(../images/icons/pencil.png)}
.x-btn-small .save {background-image: url(../images/icons/disk.png)}
.x-btn-small .delete {background-image: url(../images/icons/cross.png)}
.x-btn-small .view {background-image: url(../images/icons/eye.png)}

/* Use of icons elsewhere for hints and tips
------------------------------ */
span.hint {background-repeat: no-repeat; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; color: #151515}
span.icon-view {padding-left: 18px; background-image: url(../images/icons/eye.png)}
